Jeg har brukt mye tid på å finne ut hvorfor videoen er innebygd slik som her:
<video height="256" loop autoplay muted controls id="vid">
<source type="video/mp4" src="video_file.mp4"></source>
<source type="video/ogg" src="video_file.ogg"></source>
</video>
begynner å spille av automatisk når siden lastes inn i FireFox, men ikke kan spille av automatisk i Webkit-baserte nettlesere. Dette skjedde bare på noen tilfeldige sider. Så langt har jeg ikke klart å finne årsaken. Jeg mistenker at det kan være noen tagger som ikke er lukket, eller omfattende JS laget av CMS-redaktører.
Den beste løsningen jeg fant, var å legge til denne koden rett etter </video>
.
<script>
document.getElementById('vid').play();
</script>
...ikke pent, men det fungerer på en måte.
**OPPDATERING
I det siste er det mange nettlesere som bare kan spille av videoene automatisk uten lyd, så du må også legge til muted
-attributtet i videotaggen.
<video autoplay muted>
...
</video>
Jeg har akkurat fått det samme problemet med videoen min...
<video preload="none" autoplay="autoplay" loop="loop">
<source src="Home_Teaser.mp4" type="video/mp4">
<source src="Home_Teaser" type="video/webm">
<source src="Home_Teaser.ogv" type="video/ogg">
</video>
Etter å ha søkt, har jeg funnet en løsning:
Hvis jeg setter "preload" attributter til "true" videoen starter normalt
Prøv denne:
<video height="256" loop autoplay controls id="vid">
<source type="video/mp4" src="video_file.mp4"></source>
<source type="video/ogg" src="video_file.ogg"></source>
Det er slik jeg vanligvis gjør det. loop, controls og autoplay krever ikke en verdi, de er boolske attributter.