Skip to content

Instantly share code, notes, and snippets.

@keedi

keedi/flowplayer.html

Created June 9, 2010 09:39
Show Gist options
  • Save keedi/431272 to your computer and use it in GitHub Desktop.
Save keedi/431272 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
flowplayer.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" href="jquery-ui-1.8.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="flowplayer-3.2.2.min.js"></script>
<style type="text/css">
div.controller { padding: 10px; width: 300px; }
</style>
<!-- page title -->
<title>Minimal Flowplayer setup</title>
</head>
<body>
<a
href=""
style="display:block;width:520px;height:330px"
id="player-up">
</a>
<a
href=""
style="display:block;width:520px;height:330px"
id="player-down">
</a>
<script type="text/javascript">
flowplayer(
"player-up",
"../flowplayer-3.2.2.swf",
{
clip: {
autoPlay: false,
url: "data/01.flv",
},
plugins: {
controls: null
}
}
);
flowplayer(
"player-down",
"../flowplayer-3.2.2.swf",
{
clip: {
autoPlay: false,
url: "data/02.flv",
},
plugins: {
controls: null
}
}
);
</script>
<script type="text/javascript">
$(function() {
$("#play").button();
$("#play").click(function() {
var playing;
playing = $f("player-up").isPlaying() || $f("player-down").isPlaying();
if (playing) {
$f("player-up").pause();
$f("player-down").pause();
$("#play").val('>');
}
else {
$f("player-up").play();
$f("player-down").play();
$("#play").val('||');
}
});
// Slider
$('#slider').slider();
});
</script>
<div class="controller">
<table>
<tr>
<td> <span id="play">&gt;</span> </td>
<td> <span id="slider"></span> </td>
</tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment