Nieuwe HTML5 embedcode van YouTube
Nu alle video’s in HTML5 beschikbaar zijn, wil YouTube er voor zorgen dat deze video’s ook op zoveel mogelijk apparaten bekeken kunnen worden. Hiervoor heeft YouTube een aanpassing beschikbaar gesteld om video’s in HTML5 te kunnen presenteren. Alle apparaten met HTML5-ondersteuning kunnen de video’s afspelen. De code beschikt over een controle die er voor zorgt dat bij afwezigheid van HTML5 alsnog Flash ingeladen zal worden.
Op het weblog van YouTube heeft het de code gepresenteerd die je moet gebruiken in plaats van de normale <embed>-code die onder de video staat. De methode die YouTube (vooralsnog) gebruikt is door middel van het gebruik van een
<iframe>. Die methode is nog niet definitief, omdat de reguliere website HTML5 ook nog in een bèta-fase draait.
Om video’s in HTML5-formaat af te spelen kun je de volgende code gebruiken:
<iframe class="youtube-player" type="text/html" width="640" height="385" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0"></iframe>
Het enige wat je hoeft te doen is VIDEO_ID te vervangen door de reeks met cijfers en letters die normaliter in de url van de video te vinden is. In de url https://www.youtube.com/watch?v=QLRG9SqFiT0 zie je achter ‘watch?v=’ een reeks staan. Die gebruik je dus om VIDEO_ID mee te vervangen.
Hieronder is een demo te zien van een video die met een <iframe> wordt getoond.
YouTube is nog bezig met de optimalisatie van de werking van de code. Het kan nu namelijk zo zijn dat op bijvoorbeeld een iPhone waarop de HTML5-code te zien zou moeten zijn, alleen een zwart beeld te zien is. YouTube hoopt dit zo snel mogelijk te verhelpen.
Bron: Mashable
YouTube
24 reacties
eduard2
De video demo geeft bij mij idd nu een zwart beeld….
Toch een hele goede ontwikkeling html5, ik blijf dit volgen.
Ferry
Als iPhone gebruiker heb je hier natuurlijk niks aan, daar we een youtube app hebben die ook gewoon goed (al dan niet beter) werkt.
Redtube ofzo zou wel fijn zijn haha
eM.
Je mist nog de iframe afsluit-tag.
Red: Klopt, is aangepast
otvem
@ferry,
Aangezien HTML5 de toekomst is voor Apple en deze zich daar dus op focussed is het juist wel een vooruitgang. Daarbij is video in HTML5 sneller stabieler en vreet het minder resources dan FLash. Al met al is dat dus ook voor de iphonegebruiker een verbetering (lees sneller downloaden, minder bandbreedte en beter beeld)
Delight
Nou….niet alleen op de iphone, maar ook op mijn computer is het beeld zwart!
laatmaar
@Ferry: Natuurlijk wel, aangezien veel meer flash-sites overstappen op html5 🙂 Neem bijvoorbeeld eens een kijkje op pornhub..
Suthana
viespeuk *kuch*youp*rn*kuch*
erik
Wel handig als je direct in Safari op je iPhone kunt kijken ipv de aparte App.
Robin
Ik heb hier onder Firefox 3.6.8 ook gewoon een zwart vlak. Helemaal feilloos is het dus nog niet.
Niels
Nu we een zwart beeld krijgen niet inderdaad, maar als het straks ook op m’n iPhone werkt ben ik er zeker blij mee.
1. Hogere kwaliteit dan in de YouTube App.
2. Meer content beschikbaar
3. Niet meer een extra App openen.
Harp
@Niels zei op 26 juli 2010 om 11:14
Kans is ook groot dat Apple de native iOS YouTube.app HTML5 filmpjes gaat laten afspelen. Laten we wel eerlijk zijn: de huidige YouTube.app heeft lang de tijd nodig om een filmpje te bufferen en af te spelen.
Tom
De YouTube app werkt sowieso niet meer bij mij xd krijg geen verbinding
Steeds meer websites gebruiken nu html5. Handig voor iPhone en iPad gebruikers enz 😀
Lucien1966
De code beschikt over een controle die er voor zorgt dat bij afwezigheid van HTML5 alsnog Flash ingeladen zal worden.
Zou het andersom ook werken? Bij afwezigheid van Flash dat dan HTML5 ingeladen wordt?
Niels
@Lucien1966: Met de oude code niet, dan pakte hij altijd flash en geen alternatief.
Met deze nieuwe code controleert hij eerst op HTML5 en dan Flash, dus andersom is niet nodig.
Remco
@Lucien1966: Waarom zou je dat willen? Waarom zou je liever flash hebben dan HTML5?
Hans
Op mijn iPad ook een zwart vlak helaas.
lucien1966
Het zou natuurlijk handig zijn voor de mensen, die hun site in Flash gebouwt hebben, zodat die ook te zien is op de iphone, maar dan in HTML5 😉
Niels
Dat is een beetje vreemd, wat heb je daar aan wanneer de hele website in flash is dat je dan wel een filmpje zou kunnen bekijken maar de rest van de site niet kan bezoeken? Daarnaast heb je dan een andere code nodig aangezien die hier aangedragen ‘nieuwe’ code in flash niet zomaar zal werken.
Pim Pietersen
Op de iPhone zie ik alleen een zwart vlak. In safari op de mac zie ik de flash player… Werkt nog niet helemaal lekker zo te zien 😉
Remi
Ik zou het graag willen proberen, maar ik begrijp het nog niet helemaal, hoe moet je nu zorgen dat je een video in html5 kunt kijken?
TutorialPoint
voor mensen die het nog steeds niet weten: Ga in Safari naar youtube, en ipv nederlands als taal selecteer je Engels (VS). Nu krijg je de nieuwe YouTube te voorschijn, zonder de app nodig te hebben. In deze website kan je bijv ook HQ activeren, en word een QuickTime-venster geopend om de video te bekijken = ideaal!
miel
firefox ondersteunt nog geen html5 probeer safari eens@Robin:
Yada
@miel:
Firefox ondersteunt wel HTML5, het ondersteunt alleen de videocodec van YT niet. FF ondersteunt alleen Ogg Theora.
nfsgamer
@Ferry:Pervert…