Skip to content

Instantly share code, notes, and snippets.

@psanxiao

psanxiao/proba-flowplayer.html

Created August 9, 2016 13:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save psanxiao/0debe531f6018610d5e5646e19ddf816 to your computer and use it in GitHub Desktop.
Save psanxiao/0debe531f6018610d5e5646e19ddf816 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
proba-flowplayer.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Flowplayer · MP4 source</title>
<!-- optimize mobile versions -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- The "functional" skin - choose from: "functional.css", "minimalist.css", "playful.css" -->
<link rel="stylesheet" href="//releases.flowplayer.org/6.0.5/skin/functional.css">
<!-- Minimal styling for this standalone page, can be removed -->
<link rel="stylesheet" href="http://demos.flowplayer.org/media/css/demo.css">
<!-- Syntax highlighting of source code, can be removed -->
<link rel="stylesheet" href="http://demos.flowplayer.org/media/css/pygments.css">
<!-- Flowplayer depends on jquery 1.7.2+ for video tag based installations -->
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- Flowplayer library -->
<script src="//releases.flowplayer.org/6.0.5/flowplayer.min.js"></script>
</head>
<body>
<div id="content">
<h1>MP4 source</h1>
<div>
<video controls width="624" height="260">
<source type="video/mp4" src="http://ficheiros-web.xunta.gal/cdtic/multimedia/titorial-owncloud.mp4">
</video>
</div>
<div class="codebox"><figure class="code"><div class="highlight"><pre><span class="nt">&lt;div&gt;</span><br /> <span class="nt">&lt;video</span> <span class="na">controls</span> <span class="na">width=</span><span class="s">&quot;624&quot;</span> <span class="na">height=</span><span class="s">&quot;260&quot;</span><span class="nt">&gt;</span><br /> <span class="nt">&lt;source</span> <span class="na">type=</span><span class="s">&quot;video/mp4&quot;</span> <span class="na">src=</span><span class="s">&quot;http://ficheiros-web.xunta.gal/cdtic/multimedia/titorial-owncloud.mp4&quot;</span><span class="nt">&gt;</span><br /> <span class="nt">&lt;/video&gt;</span><br /><span class="nt">&lt;/div&gt;</span><br /></pre></div><br /><figcaption>HTML</figcaption></figure></div>
<script>
$('.browser').text(window.navigator.userAgent.toString());
$('.mime').text(document.createElement('video').canPlayType('video/mp4') || '(empty string)');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment