HTML5 YouTube 동영상 강제


119

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 플레이어를 강제 할 수 있지만 삽입 된 비디오에는 이런 종류의 기능이 필요합니다.


js로 HTML5 기능을 감지하고 그에 따라 YouTube API 코드를 구현하면 어떨까요? 또는 HTML5 Video가 지원되지 않는 경우 Flash에 의존하는 YouTube API를 구현하지 마십시오.
David Hobs 2011

답변:


179

해결책을 찾았습니다.

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

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

동영상은 가능한 경우 HTML5로 표시되거나 플래시 플레이어로 대체됩니다.


1
흠-이제 작동하지 않습니다 (동일한 비디오), 이상합니다. 특정 YouTube 서버에서만 작동하는지 궁금합니다.
UpTheCreek

1
&html5=1삽입되지 않은 비디오의 끝에 추가 할 때 작동하지 않습니다 . : /
Moshe Revah

1
하이퍼 링크 (iframe 포함 비디오가 아님) 끝에 추가 &html5=1(또는 &html5=true이와 유사한 것)는 Flash없이 IE에서 작동하지 않는 것 같습니다.
라이언

1
광고가 포함 된 YouTube 동영상은 자동으로 Flash 플레이어를 사용합니다.
turnt 2013 년

8
모든 보고서가 편향된 것 같습니다. 아무도 그가 "YouTube의 HTML5 베타"에 있는지 말하지 않았고 이것이 아마도 핵심 요소 일 것입니다. html5 베타를 종료하면? html5 = 1은 아무 작업도하지 않는 것 같습니다. 모든 비디오는 플래시와 함께 제공됩니다.
Paul Brewczynski 2013

20

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

매개 변수 html5 = 1은 이제 아무 작업도 수행하지 않습니다 (더 이상). ( https://developers.google.com/youtube/player_parameters 에도 나열되어 있지 않습니다 .)


방금 확인한 결과 youtube.com/html5 에서 HTML5 플레이어를 선택 했지만 & html5 = 1이 내장 플레이어에 대한 매개 변수로 지정되지 않은 경우 param HTML5 플레이어가로드 될 때 플래시가로드됩니다. 운영체제 : Linux, Firefox 33 64bit.
Czar

방금 html5=1Firefox 33.0.2에서 테스트 했으며 잘 작동합니다 (사용자가 YouTube에서 HTML5 설정을 활성화 할 필요가 없습니다). 그것이 없으면 YouTube는 기본적으로 Flash 버전을 보냅니다.
Simon East

매개 변수는 여전히 작동하지만 html5 페이지에서 활성화하면 youtube 기본값 인 html5가 더 좋습니다.
alanh

4

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>

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


YouTube <object>는 1 월 말부터 지원중단 됩니다. <iframe>대신 사용하십시오 .
Samuel Elh 2015-08-15

<object>실제로 iframe에 포함되어 있습니다.
RozzA

2

iframe 삽입 API를 사용하는 경우 다음 과 같이 인수 html5:1중 하나로 입력 할 수 있습니다 playerVars.

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

완전히 작동합니다.


0

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

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

그래서 링크 끝에? html = 5를 추가합니다 .. :)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.