all html code's here
HTML Video Codes
Dus je hebt een video, je hebt het geupload naar een webserver op het internet, en nu wil je laten zien aan uw gebruikers?
Geen probleem! Op deze pagina vindt u alle code die u nodig hebt om de klus te doen!
HTML5 <video> Tag
De nieuwste versie van HTML (dat wil zeggen HTML5) maakt het zeer eenvoudig om video toe te voegen aan een webpagina. HTML5 kunt u gebruik maken van een <video> tag, die, geloof het of niet, video-rechts ingesloten in uw webpagina pagina!
Hier is een voorbeeld:
HTML Code:<video src="/video/pass-countdown.ogg" width="300" height="150" controls>
Op het moment van schrijven is de <video> tag is pas onlangs ingevoerd in de HTML5-specificatie (die nog steeds in het ontwerp-status). Ondanks deze, browser ondersteuning is wijdverbreid, en ik verwacht dat de HTML5 video tag zal de meest populaire manier om video's op het web te worden. Zelfs YouTube lijkt steeds verder van Flash gebaseerde video naar HTML5 video.
Voor meer informatie, zie deze pagina over de HTML- <video> -tag .
Als de HTML5 <video> tag niet werkt voor je, kun je altijd proberen de oude methode van inbedding video op een webpagina. Zie hieronder.
HTML <object> Tag
U kunt de HTML-code ook video opnemen in uw webpagina met behulp van de <object> tag. Om tegemoet te komen voor browsers die geen ondersteuning van de <object> tag, kunt u het nest van de <embed> -tag in de<object> tag.
De parameters in de param attributen kunt u uw video aan te passen.
Voorbeeld code:<object width="425px" height="360px" >
Deze code sluit een MySpace-video in de webpagina. MySpace maakt gebruik van Shockwave (of Flash) te presenteren van de video-controles. Je zou net zo gemakkelijk insluiten een ander videoformaat en browser van de gebruiker moet het juiste plugin gebruiken om de video weer te geven en het is controles.
De <EMBED> Tag's Attributen
| Attribuut | Beschrijving | Mogelijke waarden |
| autostart | Bepaalt of om de video te starten zodra de pagina is geladen. |
|
| verborgen | Bepaalt of te verbergen van de video. Bijvoorbeeld, als je gewoon achtergrondgeluid met geen video willen. |
|
| lus | Bepaalt of om continu de video replay nadat deze is voltooid. |
|
| playcount | Bepaalt hoe vaak de video te herhalen. | Een aantal waarde |
| volume | Bepaalt hoe luid de audio zou moeten zijn. | Getal tussen 1 en 100 |
Linken naar een videobestand
De eenvoudigste manier om video op uw website op te nemen is om te linken naar het. Dit is geschikt als u niet wilt dat de video daadwerkelijk in te sluiten in uw HTML-pagina. U kunt een koppeling naar een videobestand met behulp van de <a> tag. Het enige wat u hoeft te doen is schrijven zoiets als dit:
<a href="https://mediaservices.myspace.com/services/media/embed.aspx/m=5385825"> Bekijk deze video </ a>Dit resulteert in:
Dit veronderstelt dat de video-bestand in de opgegeven locatie.
Video-indelingen
Enkele van de meest voorkomende video formaten zijn:
- . Swf - Shockwave / Flash-bestand (door Macromedia / Adobe)
- . Wmv - Windows Media Player video-formaat (door Microsoft)
- . Mov - Quicktime video-formaat (door Apple)
- . Mpeg - Video compressie-formaat (die door de Moving Pictures Experts Group)
- . Ogg - Open standaard container formaat onderhouden door de Xiph.Org Foundation. Ook. Ogv,. OGA,. Ogx, en. SPX extensies
- . WEBM - royalty-vrije, kwalitatief hoogwaardige open video compressie formaat voor gebruik met HTML5 video.
Web Server Ondersteuning voor MIME-type
U moet ervoor zorgen dat uw webserver de video-indeling die u gebruikt ondersteunt. Als u vindt dat uw video op OK speelt op uw lokale computer, maar speelt niet op uw live-web-server, het is waarschijnlijk omdat de live web-server is niet correct geconfigureerd voor uw video-formaat. U moet ervoor zorgen dat uw web-server ondersteunt de MIME- type van uw video.
Als u een Apache web server, kunt u de volgende code toe te voegen aan je httpd.conf bestand of naar een htaccess. bestand in de map waar je video bestand is:
AddType video / ogg. Ogv
AddType video/mp4. Mp4
AddType video / WEBM. WEBM