Website : rimsha.abasa.com
backdoor
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
canvas
/
node_modules
/
mediaelement
/
demo
/
Filename :
mediaelementplayer.html
back
Copy
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML5 MediaElement</title> <script src="../build/jquery.js"></script> <script src="../build/mediaelement-and-player.min.js"></script> <script src="testforfiles.js"></script> <link rel="stylesheet" href="../build/mediaelementplayer.min.css" /> </head> <body> <h1>MediaElementPlayer.js</h1> <h2>1. Single MP4 File</h2> <code><pre> <video width="640" height="360" src="../media/echo-hereweare.mp4" type="video/mp4" id="player1" poster="../media/echo-hereweare.jpg" controls="controls" preload="none"></video> </pre></code> <!-- simple single file method --> <video width="640" height="360" src="../media/echo-hereweare.mp4" type="video/mp4" id="player1" poster="../media/echo-hereweare.jpg" controls="controls" preload="none"></video> <span id="player1-mode"></span> <p><b>Note</b>: if you are working with local files, you'll need to add your working directory to the <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">Flash Global Security Settings</a>.</p> <h2>2. Multi-Codec with no JavaScript fallback player</h2> <code><pre> <video width="640" height="360" id="player2" poster="../media/echo-hereweare.jpg" controls="controls" preload="none"> <!-- MP4 source must come first for iOS --> <source type="video/mp4" src="../media/echo-hereweare.mp4" /> <!-- WebM for Firefox 4 and Opera --> <source type="video/webm" src="../media/echo-hereweare.webm" /> <!-- OGG for Firefox 3 --> <source type="video/ogg" src="../media/echo-hereweare.ogv" /> <!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off --> <object width="640" height="360" type="application/x-shockwave-flash" data="../build/flashmediaelement.swf"> <param name="movie" value="../build/flashmediaelement.swf" /> <param name="flashvars" value="controls=true&poster=../media/echo-hereweare.jpg&file=../media/echo-hereweare.mp4" /> <!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed --> <img src="../media/echo-hereweare.jpg" width="640" height="360" alt="Here we are" title="No video playback capabilities" /> </object> </video> </pre></code> <video width="640" height="360" id="player2" poster="../media/echo-hereweare.jpg" controls="controls" preload="none"> <!-- MP4 source must come first for iOS --> <source type="video/mp4" src="../media/echo-hereweare.mp4" /> <!-- WebM for Firefox 4 and Opera --> <source type="video/webm" src="../media/echo-hereweare.webm" /> <!-- OGG for Firefox 3 --> <source type="video/ogg" src="../media/echo-hereweare.ogv" /> <!-- Fallback flash player for no-HTML5 browsers with JavaScript turned off --> <object width="640" height="360" type="application/x-shockwave-flash" data="../build/flashmediaelement.swf"> <param name="movie" value="../build/flashmediaelement.swf" /> <param name="flashvars" value="controls=true&file=../media/echo-hereweare.mp4" /> <!-- Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed --> <img src="../media/echo-hereweare.jpg" width="640" height="360" alt="Here we are" title="No video playback capabilities" /> </object> </video> <span id="player2-mode"></span> <script> $('audio,video').mediaelementplayer({ //mode: 'shim', success: function(player, node) { $('#' + node.id + '-mode').html('mode: ' + player.pluginType); } }); </script> <input type="button" id="stopall" value="Stop all"> <script> $('#stopall').click(function() { $('video, audio').each(function() { $(this)[0].player.pause(); }); }); </script> </body> </html>