CODEWITHSUNDEEP
htmlgoogle-chromevideo
Borja
Borja

Reputation: 243

HTML5 <video> tag in Chrome doesn't work

I have noticed a strange problem with the HTML5 <video/> tag in Chrome.

Using this, it works fine:

<video poster="023.png" autoplay controls>
<source src="todojunto.mp4" type="video/mp4"  />
</video>

This only plays the sound, no video:

<video poster="023.png" autoplay >
<source src="todojunto.mp4" type="video/mp4"  />
</video>

If I remove the poster attribute, it works again.

All other browsers (even IE9...!) works perfectly, and I can't seem to find the reason.

Any ideas/help?

Thanks

Upvotes: 23

Views: 70318

Answers (5)

Marlon Marlon
Marlon Marlon

Reputation: 49

You need to use muted=""; it does work for video

<div class="wrap">
	<video width="auto" height="400px" autoplay="" loop="" muted="">
   	   <source src="Video.mp4"  type="video/mp4">
	   <source src="Video.ogg" type="video/ogg">
	</video>
</div>

Upvotes: 4

DragonKnight
DragonKnight

Reputation: 1870

I just converted it to ogv and works well in all browsers. I had problem with firefox but no issues anymore. It was also showing a gray background but now, now anymore. here is my code: you can see it in eargo.com/products

<video class="" style="" autoplay loop>
            <source class="" src="video.ogv" >
            <source class="" src="video.mov" >
            <source class="" src="video.mp4" >
</video>

you may see it after 5-7-2015.

Upvotes: 0

Fyntasia
Fyntasia

Reputation: 1143

I've encountered the same error. I fixed it by adding the preload="auto" tag.

<video autoplay loop preload="auto" poster="023.png">
    <source src="todojunto.mp4" type="video/mp4" />
</video>

Don't know if this will work for you, and it's been some time since you asked the question. But maybe this will help someone in the future!

Upvotes: 0

mpb
mpb

Reputation: 59

I'm surprised your video even shows up. Chrome stopped supporting mp4. You should use a .webm file when working with Chrome for html5 videos.

Upvotes: 5

micnic
micnic

Reputation: 11245

Video tag's attributes should be specified for strict standard implementation:

<video poster="023.png" autoplay="autoplay" controls="controls">
    <source src="todojunto.mp4" type="video/mp4"  />
</video>

If this doesn't work, there is something changed in your browser's preferences

Upvotes: 9

Related Questions