Stap 7: Mijn voorbeeldcode
<!--Hier is mijn code, in het geval dat u wilt kopiëren en plakken en vervolgens wijzigen voor jezelf.
U ziet wat veranderde ik van het origineel:
Ik veranderde de tags < Bron > zodat ze hadden de src wijs de naam van mijn video-bestanden. Aangezien we alle bestanden in dezelfde map in de vorige stap die ik alleen zetten de namen van de bestanden in plaats van de volledige adressen, moest als u wilt scheiden van de bestanden, moet u het adres wijzigen.
Ik veranderde de breedte en hoogte aan de resolutie van mijn video's.
Mij gewijzigde poster voor poster.png die is een screenshot die ik heb van mijn video gemaakt, dit wordt weergegeven voordat de gebruiker op play klikt.
-->
<! Html DOCTYPE >
< html >
< head >
< titel > HTML5 Video Player < / title >
< link href = "video-js.css" rel = "stylesheet" type = "text/css" >
< script src="video.js" >< / script >
< script >
videojs.options.Flash.swf = "video-js.swf";
< / script >
< / head >
< body >
< video id = "example_video" class = "video-js VJ's-standaard-huid" besturingselementen preload = "geen" breedte = "768" height = "432" poster="poster.png" gegevens-setup = "{}" >
< source src="phone_video.mp4" type = "video/mp4" / >
< source src="phone_video.webm" type = "video/webm" / >
< / video >
< / body >
< / html >