gyorgy@0: <video width="640" height="360" src="../media/echo-hereweare.mp4" type="video/mp4"
gyorgy@0: id="player1" poster="../media/echo-hereweare.jpg"
gyorgy@0: controls="controls" preload="none"></video>
gyorgy@0:
Note: if you are working with local files, you'll need to add your working directory gyorgy@0: to the Flash Global Security Settings.
gyorgy@0: gyorgy@0:
gyorgy@0: <video width="640" height="360" id="player2" poster="../media/echo-hereweare.jpg" controls="controls" preload="none">
gyorgy@0: <!-- MP4 source must come first for iOS -->
gyorgy@0: <source type="video/mp4" src="../media/echo-hereweare.mp4" />
gyorgy@0: <!-- WebM for Firefox 4 and Opera -->
gyorgy@0: <source type="video/webm" src="../media/echo-hereweare.webm" />
gyorgy@0: <!-- OGG for Firefox 3 -->
gyorgy@0: <source type="video/ogg" src="../media/echo-hereweare.ogv" />
gyorgy@0: <!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off -->
gyorgy@0: <object width="640" height="360" type="application/x-shockwave-flash" data="../build/flashmediaelement.swf">
gyorgy@0: <param name="movie" value="../build/flashmediaelement.swf" />
gyorgy@0: <param name="flashvars" value="controls=true&poster=../media/echo-hereweare.jpg&file=../media/echo-hereweare.mp4" />
gyorgy@0: <!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed -->
gyorgy@0: <img src="../media/echo-hereweare.jpg" width="640" height="360" alt="Here we are"
gyorgy@0: title="No video playback capabilities" />
gyorgy@0: </object>
gyorgy@0: </video>
gyorgy@0: