HTML5 YouTube 동영상 강제

HTML5 YouTube 동영상 강제

---

Youtube API 블로그 와 관련하여 그들은 새로운 HTML5 비디오 플레이어를 실험하고 있습니다.

html5에서 비디오를 재생하려면 iframe 포함 코드를 사용해야합니다.

<iframe class="youtube-player" type="text/html" width="640" height="385"
  src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

그러나 클라이언트가 HTML5 평가판에 참여하지 않은 경우 클라이언트의 브라우저가 HTML5 비디오를 지원하더라도 플레이어는 자동으로 플래시 플레이어로 돌아갑니다.

사용자가 HTML5 평가판에 아직 참여하지 않은 경우에도 브라우저에서 지원하는 경우 HTML5 비디오를 강제로 재생하는 방법은 무엇입니까?

그렇지 않으면 플래시 폴백을 비활성화하는 방법은 무엇입니까?

편집하다:

Youtube Video에 대한 링크를 통해 HTML 플레이어를 강제 로 실행할 수 있지만 포함 된 비디오에는 이러한 종류의 기능이 필요합니다.

---

해결책을 찾았습니다.

html5=1iframe의 src 속성에 를 추가해야합니다 .

<iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>

비디오는 사용 가능한 경우 HTML5로 표시되거나 플래시 플레이어로 대체됩니다.

---

YouTube 동영상이 HTML5 형식으로 재생되는지 여부 는 브라우저 당 https://www.youtube.com/html5 의 설정에 따라 다릅니다 . Chrome은 HTML5 재생을 자동으로 선호하지만 최신 Firefox 및 Internet Explorer에서도 시스템에 설치된 경우 여전히 Flash를 사용합니다.

html5 = 1 매개 변수는 이제 더 이상 아무것도하지 않습니다. https://developers.google.com/youtube/player_parameters 에도 표시되지 않습니다 .

---

iframe 포함 코드를 사용해 보았지만 HTML5 플레이어가 나타 났지만 어떤 이유로 iframe이 내 사이트를 완전히 깨뜨 렸습니다.

이전 객체 포함 코드로 엉망이었고 완벽하게 작동합니다. 따라서 iframe에 문제가있는 경우 여기에 사용한 코드가 있습니다.

<object width="640" height="360">
<param name="movie" value="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="640" height="360" src="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>

이것이 누군가에게 유용하기를 바랍니다

---

iframe 내장 API를 사용하는 경우 다음 과 같이 인수 html5:1중 하나로 넣을 수 있습니다 playerVars.

player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: '<VIDEO ID>',
    playerVars: {
        html5: 1
    },
});

완전히 작동합니다.

---

인라인 태그는 다른 src 문서를 현재 html 요소에 추가하는 데 사용됩니다.

귀하의 경우 YouTube 비디오는 링크 외부의 브라우저에 html 유형 (4 또는 5)을 지정해야합니다

링크 끝에? html = 5를 추가하십시오. : :)

참고 URL : https://stackoverflow.com/questions/5845484/force-html5-youtube-video