Skip to content

Instantly share code, notes, and snippets.

@themorgantown
Created February 25, 2013 22:22
Show Gist options
  • Save themorgantown/5033893 to your computer and use it in GitHub Desktop.
Save themorgantown/5033893 to your computer and use it in GitHub Desktop.
Flowplayer - Flow Player Video Demo, suitable for embedding within an HTML Widget. Example document: http://cl.ly/160l1R2e1r0j
<!doctype html>
<head>
<!-- player skin -->
<link rel="stylesheet" type="text/css" href="${resourcesFolderName}/minimalist.css" />
<!-- site specific styling -->
<style>
body { font: 12px "Myriad Pro", "Lucida Grande", sans-serif; text-align: center; padding-top: 5%; }
.flowplayer { width: 80%; }
</style>
<!-- flowplayer depends on jQuery 1.7.1+ (for now) -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include flowplayer -->
<script src="${resourcesFolderName}/flowplayer.min.js"></script>
</head>
<body>
<!-- the player -->
<div class="flowplayer" data-swf="${resourcesFolderName}/flowplayer.swf" data-ratio="0.417">
<video>
<source type="video/webm" src="http://stream.flowplayer.org/bauhaus/624x260.webm"/>
<source type="video/mp4" src="http://stream.flowplayer.org/bauhaus/624x260.mp4"/>
<source type="video/ogv" src="http://stream.flowplayer.org/bauhaus/624x260.ogv"/>
</video>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment