미채택 완료

게시물에 있는 유튜브 주소를 자동으로 변환하는 소스를 만들었는데 페이지가 새로고침이 됩니다.

Copy
var content = '';
    content = $("#bo_v_con").html();
    var re  = /(http|(.+?)vi?[\/|=]|youtu\.be\/|embed\/)([A-Za-z0-9-_]+)(<\/div>|<\/span>)/igm,
        vid = '<embed width="<?echo $width;?>" height="<?echo $height;?>" src=https://www.youtube.com/v/$3 type="application/x-shockwave-flash" x-allowscriptaccess="always" allowfullscreen="true"> </embed>';
    content = content.replace(re, vid); //유튜브 변환

 

결과는 이상없이 뜨긴 합니다

 

근데 페이지가 뜨다가 새로고침을 한번하고 페이지가 최종적으로 뜨게 되는데

 

이유가 무엇인지 파악이 안됩니다.

 

다른 동영상 사이트의 주소를 자동변환했을때는 이런 문제가 없는데 유독 저 유튜브 변환 소스쪽에서만 그러네요

|

답변 2개

자체해결했습니다. j쿼리 js파일이 동시에 여러개 들어가면서 유튜브 소스랑 충돌하는거였습니다.

유튜브는 iframe 으로 보여주는게 좋습니다. embed 는 일부 브라우저에서 호환이 안됩니다.

아래 소스 참조하세요..

<iframe width="560" height="315" src="https://www.youtube.com/embed/jposCCAS_-c" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

답변을 작성하려면 로그인이 필요합니다.