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
Taalfout gezien of andere suggestie hoe we dit artikel kunnen verbeteren? Laat het ons weten!
YouTube
YouTube is het grootste online videoplatform met miljoenen video's waar iedereen zelf filmpjes kan uploaden. Bijna alle filmpjes zijn beschikbaar in HD of 4K. Naast de gewone YouTube-video's zijn er ook YouTube Shorts: korte video's in een verticale weergave, aangepast voor smartphones. Er is ook een betaalde versie (genaamd YouTube Premium) en een muziekdienst (met de naam YouTube Music). Lees hieronder de beste tips om alles uit YouTube te halen op je iPhone, iPad en Apple TV.
- Alles over YouTube
- Handige YouTube-tips voor je iPhone, iPad en Mac
- YouTube offline bekijken
- YouTube-video snel voor- en achteruit spoelen
- YouTube Picture in Picture op de iPad
- YouTube Picture in Picture op de Mac
- YouTube 4K-video's op je Mac bekijken
- Zo maak je een YouTube-afspeellijst
- YouTube-filmpjes bekijken met minder dataverbruik
- Voorkomen dat YouTube automatisch filmpjes afspeelt
- YouTube incognitomodus gebruiken
- YouTube Premium delen met gezinsleden
- YouTube donkere modus op iPhone, iPad en Mac
- YouTube HDR-video's kijken voor mooiere kleuren
- Bekijk YouTube-filmpjes op afstand met vrienden
- Zo herinnert YouTube je aan pauzes
- YouTube in 4K kijken
Ook interessant
Zo kun je YouTube-afspeellijsten maken op iPhone en iPad
Zo verwijder je de kijkgeschiedenis van Netflix en YouTube
Kijk nu de documentaire ‘Theft, Death, and Steve Jobs’ op YouTube
Zo herinnert de YouTube-app je aan pauzes
YouTube laat Juno-app uit de App Store halen, werkt nog steeds aan eigen Vision Pro-app
Zo kijk je YouTube HDR-video’s op de iPhone in prachtige kleuren
De video demo geeft bij mij idd nu een zwart beeld….
Toch een hele goede ontwikkeling html5, ik blijf dit volgen.
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
Je mist nog de iframe afsluit-tag.
Red: Klopt, is aangepast
@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)
Nou….niet alleen op de iphone, maar ook op mijn computer is het beeld zwart!
@Ferry: Natuurlijk wel, aangezien veel meer flash-sites overstappen op html5 🙂 Neem bijvoorbeeld eens een kijkje op pornhub..
viespeuk *kuch*youp*rn*kuch*
Wel handig als je direct in Safari op je iPhone kunt kijken ipv de aparte App.
Ik heb hier onder Firefox 3.6.8 ook gewoon een zwart vlak. Helemaal feilloos is het dus nog niet.
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.
@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.
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 😀
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?
@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.
@Lucien1966: Waarom zou je dat willen? Waarom zou je liever flash hebben dan HTML5?
Op mijn iPad ook een zwart vlak helaas.
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 😉
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.
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 😉
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?
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!
firefox ondersteunt nog geen html5 probeer safari eens@Robin:
@miel:
Firefox ondersteunt wel HTML5, het ondersteunt alleen de videocodec van YT niet. FF ondersteunt alleen Ogg Theora.
@Ferry:Pervert…