Sun, 2011-11-20 23:52
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>
