No replies
eco_bach
eco_bach's picture
Offline
newbie
toronto
Last seen: 2 years 40 weeks ago
toronto
Timezone: GMT-5
Joined: 2011-11-19
Posts: 3
Points: 6

Ok, my first attempts at HTML5 video, and none too impressed. Before I give up, and revert to flash can someone help? My code is extremely simple- I used Firefgg to convert my master .mov to webm format. It plays fine locally from the desktop in Firefox, but once uploaded all I see is a black screen. Also my .mp4 (h.264) video plays fine on the desktop in chrome/Safari but as well chugs badly ( 1 frame per second?)once uploaded to my server. Any tips or suggestions welcome!

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Bitstream</title>
 
<style>
  html, body {width:100%;height: 100%; }
  html { overflow: hidden; }
  body {
    margin: 0;
        padding: 0;
        background-color: #000000 }
</style>
</head>
<body>
<video height="100%"   loop autoplay muted  onended="this.play()">
    <source src=mp4/lights.mp4 type='video/mp4; codecs="avc.42E01E, mp4a.40.2"'>
    <source src=webm/lights.webm type='video/webm; codecs="vp8, vorbis"'>   
<p> Your browser doesn't support video.
Please download the video in <a href=webm/lights.webm>webM</a> or <a href=mp4/lights.mp4>MP4</a> format.</p>
</video>
</body>
</html>