Hoe een video insluiten in een webpagina met behulp van HTML5 (7 / 9 stap)

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 >

Gerelateerde Artikelen

Hoe maak je een webpagina met behulp van Apples iWeb

Hoe maak je een webpagina met behulp van Apples iWeb

We willen je laten zien hoe maak je een webpagina van het gebruik van Apple-iWeb-toepassing. Wij zullen u instrueren hoe dit te doen in 5 eenvoudige stappen!Stap 1: Stap 1: openen en thema te kiezenKlik op uw omslag van toepassingen of uw lanceerplat
Maak een ketting met behulp van elektrische fuse

Maak een ketting met behulp van elektrische fuse

Hallo jongens!Ken jij dat het vroegste vinden van sieraden ongeveer 25.000 jaar geleden was gedateerd. Deze eenvoudige ketting gemaakt van botten van de vis werd gevonden in een grot in Monaco. Natuurlijk, de sieraden die zij droeg in de oude dagen g
Hoe maak je gele zon bloem Design met behulp van papier Art filigraan

Hoe maak je gele zon bloem Design met behulp van papier Art filigraan

Filigraan Made Easy: In deze tutorial leert u hoe een zonnebloem met behulp van filigraan techniek in slechts paar stappen maken. Laten we beginnen.Nou ik hoop dat je genoten hebt van dit ambacht en zo ja, vergeet dan niet om te delen, commentaar, zo
Hoe maak je een vangst met behulp van de 123D vangst web app

Hoe maak je een vangst met behulp van de 123D vangst web app

In dit instructable ga ik u door het creëren van een vangst met behulp van de 123D vangst web app. 123D vangst een geheel gratis stuk van de software is dat draait in 3D-modellen foto's lopen.Beschikbaar (vanaf nu) voor PC, iPad en ook als een web ap
Hoe Hack een Wifi met behulp van Kali Linux 2.0

Hoe Hack een Wifi met behulp van Kali Linux 2.0

Hoe hack een wifi met behulp van kali linux 2.0. De l van deze tutorial zal u tonen hoe te kraken van wifi wachtwoorden een woordenlijst met Kali Linux 2.0.Stap 1: Controleer hoe Hack hetStap 2: stappenVoel je vrij om een commentaar & suggesties (bv.
Hoe te Resize, gewas, en een foto met behulp van Abobe Photoshop Desaturate

Hoe te Resize, gewas, en een foto met behulp van Abobe Photoshop Desaturate

Adobe Photoshop is een digitaal beeld het uitgeven toepassing voor Internet, print, en andere nieuwe media-disciplines. Photoshop editing vaardigheden hebben een brede relevantie. Sociale Media is enorm populair in de hedendaagse samenleving. Sites z
Hoe maak je een afdrukken met behulp van een Carry-Out Box

Hoe maak je een afdrukken met behulp van een Carry-Out Box

de volgende is een stap voor stap tutorial over het maken van een afdruk met behulp van een carry-out box. Dit is een ambacht passend voor rangen K-6 maar kan ook worden gebruikt om de steun van motorische vaardigheden en hand-arm functie voor therap
Hoe te sluiten een zak (met behulp van de plastic fles dop)

Hoe te sluiten een zak (met behulp van de plastic fles dop)

Vandaag Toon ik u hoe u kunt sluiten een chip zak of een andere tas luchtdichte... met een lege PET-fles...Hier is de Video: hoe om te sluiten een zak (met behulp van de plastic fles dop)Laat het me weten, als je het :-D
Hoe het bouwen van een Fort met behulp van 3D-afgedrukt Fort Loops

Hoe het bouwen van een Fort met behulp van 3D-afgedrukt Fort Loops

gewoon vragen, en er zijn niet veel mensen die hebben niet genieten van de bouw van forten tijdens hun kinderjaren. Ik heb een 6 jaar oude neefje die vraagt bijna elke keer als ik zie hem, "kunnen we bouwen een fort?" Ik schandelijk toegeven dat
Hoe te beginnen een brand met behulp van Flint

Hoe te beginnen een brand met behulp van Flint

wat er gebeurt als u zijn uit kamperen midden in de bossen en u moet om te beginnen een brand maar je wedstrijden allemaal natte? U wilt niet wachten voor hen om te drogen, omdat het wordt donker, en ze zelfs niet zou kunnen werken. Wat voor werk doe
Afspelen van You Tube video's op een PS3 met behulp van een iPhone.

Afspelen van You Tube video's op een PS3 met behulp van een iPhone.

In deze instructies ik doorloopt u een stap voor stap proces van het opzetten van uw iPhone en de PS3 naar YouTube video's afspelen op uw TV via uw PS3 met behulp van je iPhone te zoeken en de video's te kiezen. Hieronder staan de nodig levering.Stap
Hoe maak je een kaart met behulp van ArcGIS

Hoe maak je een kaart met behulp van ArcGIS

ArcGIS is een kaartenmaker software die is erg handig in een verscheidenheid van gebieden zoals het stedelijke planning, civiele techniek en landbouwkunde, om enkelen te noemen. Deze velden kunnen ArcGIS voor diverse doeleinden communiceren van infor
Hoe te sluiten een zak met behulp van een Plastic fles dop

Hoe te sluiten een zak met behulp van een Plastic fles dop

Hoe te sluiten een zak met behulp van een Plastic fles dop
Hoe te te bevestigen permanent een koord; ook, hoe te repareren van een koord met behulp van een slechte underwire.

Hoe te te bevestigen permanent een koord; ook, hoe te repareren van een koord met behulp van een slechte underwire.

Oke, in alle eerlijkheid, dit waarschijnlijk moet worden getiteld "hoe te repareren van een koord met behulp van een slechte underwire/ook, hoe het te repareren permanent een koord," maar, ging ik met wat ik dacht dat zou bieden de beste zoekres