Vraag Forceer HTML5 youtube-video


Betreffende de YouTube API-blog ze experimenteren met hun nieuwe HTML5-videospeler.

Blijkbaar om een ​​video in html5 af te spelen, moet je de insluitingcode van iframe gebruiken:

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

Maar als de klant zich niet bij de HTML5-proefversie, de speler zal automatisch terugvallen in de flash-speler, zelfs als de browser van de client geschikt is voor HTML5-video.

Hoe de weergave van HTML5-video's afdwingen als de browser dit ondersteunt, zelfs als de gebruikers nog niet betrokken zijn bij de HTML5-proefversie?

Anders hoe de flash fallback uit te schakelen?

BEWERK:

Het is mogelijk om HTML-speler door te forceren links naar Youtube Video, maar ik heb dit soort functie nodig voor ingesloten video's.


116
2018-05-01 00:15


oorsprong


antwoorden:


Ik heb de oplossing gevonden:

Je moet het toevoegen html5=1 in het kenmerk src van het iframe:

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

De video wordt weergegeven als HTML5 indien beschikbaar, of valt terug in Flash Player.


178
2018-05-08 09:11



Of YouTube-video's in HTML5-indeling worden afgespeeld, is afhankelijk van de instelling op https://www.youtube.com/html5, per browser. Chrome geeft de voorkeur aan HTML5-weergave, maar zelfs de nieuwste Firefox en Internet Explorer gebruiken Flash nog steeds als dit op het apparaat is geïnstalleerd.

De parameter html5 = 1 doet nu niets (meer). (Merk op dat het niet eens wordt vermeld op https://developers.google.com/youtube/player_parameters.)


20
2018-05-06 09:27



Ik heb geprobeerd de inscriptcode voor iframe te gebruiken en de HTML5-speler verscheen, maar om de een of andere reden brak het iframe mijn site volledig.

Ik heb met de oude code voor het insluiten van objecten geknoeid en het werkt prima. Dus als je problemen hebt met het iframe, dan is hier de code die ik heb gebruikt:

<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>

hoop dat dit nuttig is voor iemand


4
2018-04-23 22:47



Als u de iframe-embed-API gebruikt, kunt u deze plaatsen html5:1 als een van de playerVars argumenten, zoals zo:

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

Werkt helemaal.


2
2018-05-19 19:26