게시물에 있는 유튜브 주소를 자동으로 변환하는 소스를 만들었는데 페이지가 새로고침이 됩니다.
본문
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
유튜브는 iframe 으로 보여주는게 좋습니다. embed 는 일부 브라우저에서 호환이 안됩니다.
아래 소스 참조하세요..
<iframe width="560" height="315" src="https://www.youtube.com/embed/jposCCAS_-c" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
자체해결했습니다. j쿼리 js파일이 동시에 여러개 들어가면서 유튜브 소스랑 충돌하는거였습니다.
답변을 작성하시기 전에 로그인 해주세요.