Video not working in Chrome - works fine in safari
I built a one page thing to test using video as a background on a site. It
used to work fine on all browsers but now it won't work in chrome although
it does work in safari..has something changed with a chrome update?
..haven't had a chance to test it in firefox yet.
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf8">
<link rel = "stylesheet" href = "film.css">
<title>FILM BG TEST</title>
</head>
<body>
<div class = "main">
<video id = "filmbg" preload = "auto" autoplay = "true" loop =
"loop" muted = "true" volume = "0">
<source src = "gs.mp4" type = 'video/mp4; codecs =
"avc1.42E01E, mp4a.40.2"'/>
<source src = "gs.webm" type = 'video/webm; codecs = "vp8,
vorbis"'/>
<source src = "gs.ogv" type = 'video/ogg ogv; codecs =
"theora, vorbis"'/>
<object type="application/x-shockwave-flash"
data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"
width="1920" height="1080">
<param name="movie"
value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"
/>
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashvars"
value='config={"clip":{"url":"HTML5Sample_flv.flv","autoPlay":false,"autoBuffering":true}}'
/>
</object>
Video not supported: get a new browser
</video>
<div class = "top"></div>
<div class = "mid"></div>
</div>
</body>
</html>
No comments:
Post a Comment