HTML5 video won't play in Chrome only
With some help from another person, we figured out it was an issue of ordering the source files within the HTML file. I learned that browsers accept the first usable format, and their seems to be an issue with the .m4v file, so I started with the .mp4, then .webm. Here's the order that works in Safari (even on my iPhone 5), Firefox, and Chrome:
<video width="100%" height="400" poster="assets/img/myVideo.jpg" controls="controls" preload="none"> <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --> <source type="video/mp4" src="assets/vid/PhysicsEtoys.mp4" /> <!-- WebM/VP8 for Firefox4, Opera, and Chrome --> <source type="video/webm" src="assets/vid/PhysicsEtoys.webm" /> <!-- M4V for Apple --> <source type="video/mp4" src="assets/vid/PhysicsEtoys.m4v" /> <!-- Ogg/Vorbis for older Firefox and Opera versions --> <source type="video/ogg" src="assets/vid/PhysicsEtoys.ogv" /> <!-- Subtitles --> <track kind="subtitles" src="assets/vid/subtitles.srt" srclang="en" /> <track kind="subtitles" src="assets/vid/subtitles.vtt" srclang="en" /> <!-- Flash fallback for non-HTML5 browsers without JavaScript --> <object width="100%" height="400" type="application/x-shockwave-flash" data="flashmediaelement.swf"> <param name="movie" value="flashmediaelement.swf" /> <param name="flashvars" value="controls=true&file=assets/vid/PhysicsEtoys.mp4" /> <!-- Image as a last resort --> <img src="assets/img/myVideo.jpg" width="320" height="240" title="No video playback capabilities" /> </object> </video>
Now, I'll have to re-check the encoding on the m4v file (perhaps an issue of Baseline vs Main, High, etc.).
Try this
<video autoplay loop id="video-background" muted plays-inline> <source src="https://player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&profile_id=119&oauth2_token_id=57447761" type="video/mp4"> </video>
Thanks
I had a similar issue, no videos would play in Chrome. Tried installing beta 64bit, going back to Chrome 32bit release.
The only thing that worked for me was updating my video drivers.
I have the NVIDIA GTS 240. Downloaded, installed the drivers and restarted and Chrome 38.0.2125.77 beta-m (64-bit) starting playing HTML5 videos again on youtube, vimeo and others. Hope this helps anyone else.