Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

73 lines (63 sloc) 2.811 kb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Embed Controls Demo (h.264)</title>
<link rel="stylesheet" href="../css/styles.css" />
<link class="ui-theme" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/redmond/jquery-ui.css"/>
<link rel="stylesheet" href="../css/player-controls.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<!-- ui-components -->
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<!-- END: ui-components -->
<!-- optional for a11y-slider -->
<script src="../../utils/a11y-slider.ext.js"></script>
<!-- END: for a11y-slider -->
<!-- full jme script -->
<!-- configure path to swf-fallback: script.jwPlayer[src] -->
<script class="jwPlayer" type="application/swf" src="../../packages/player.swf"></script>
<script src="../../packages/mm.full.min.js"></script>
<!-- END: jme -->
<!-- good for rapid development and quick start -->
<script src="../../utils/jmeEmbedControls.js"></script>
<script>
$('html').addClass('js-on');
$(function(){
$('div.media-player').jmeEmbedControls();
});
</script>
</head>
<body>
<h1>Demo for jmeEmbedControls (mp4 only)</h1>
<p>Differences between this demo and the <a href="../quickstart-controls.html">normal demo for jmeEmbedControls</a>: 1. we only use mp4 files here. OGG-Only Players are falling back to Flash. 2. We use a fallback-messsage</p>
<div class="media-player">
<span class="media-label">video: big buck bunny</span>
<video poster="../media/bbb_watchtrailer.gif" preload="none" controls="controls">
<source src="../media/bbb_trailer_mobile.m4v" />
<div class="fallback">
<img src="../media/bbb_watchtrailer.gif" alt="" />
<div class="fallback-text">
<p>Please use a webkit browser or install <a href="http://get.adobe.com/flashplayer/">Flash-Plugin</a></p>
<ul>
<li><a class="source" href="../media/bbb_trailer_mobile.m4v">Big Buck Bunny (mp4)</a></li>
</ul>
</div>
</div>
</video>
</div>
<p>(c) copyright Blender Foundation | <a href="http://www.bigbuckbunny.org">www.bigbuckbunny.org</a></p>
<script>
if(location.protocol === 'file:'){
$('<small class="flash-hint">Note that you have to <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">add your development directory to the local trusted security sandbox</a>, to get the controls work with the flash backend</small>')
.css({opacity: 0})
.insertAfter('div.media-player')
.fadeTo(1000, 1)
.delay(5000)
.fadeOut(1400, function(){
$(this).remove();
})
;
}
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.