Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
- <html xmlns='http://www.w3.org/1999/xhtml' lang='en' xml:lang='en'>
- <head>
- <title>Demo : jPlayer as a video player</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <link href="skin/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
- <script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
- <script type="text/javascript">
- //<![CDATA[
- $(document).ready(function(){
- $("#jquery_jplayer_1").jPlayer({
- ready: function () {
- $(this).jPlayer("setMedia", {
- m4v: "/jplayer/test.mp4",
- webmv: "/jplayer/test.webm",
- poster: "/jplayer/test.jpg"
- });
- },
- ended: function (event) {
- $(this).jPlayer("play");
- },
- swfPath: "js",
- supplied: "m4v, webmv"
- });
- });
- //]]>
- </script>
- </head>
- <body>
- <div class="jp-video jp-video-360p">
- <div class="jp-type-single">
- <div id="jquery_jplayer_1" class="jp-jplayer"></div>
- <div id="jp_interface_1" class="jp-interface">
- <div class="jp-video-play"></div>
- <ul class="jp-controls">
- <li><a href="#" class="jp-play" tabindex="1">play</a></li>
- <li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
- <li><a href="#" class="jp-stop" tabindex="1">stop</a></li>
- <li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
- <li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
- </ul>
- <div class="jp-progress">
- <div class="jp-seek-bar">
- <div class="jp-play-bar"></div>
- </div>
- </div>
- <div class="jp-volume-bar">
- <div class="jp-volume-bar-value"></div>
- </div>
- <div class="jp-current-time"></div>
- <div class="jp-duration"></div>
- </div>
- <div id="jp_playlist_1" class="jp-playlist">
- <ul>
- <li>Test video</li>
- </ul>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement