|
<!DOCTYPE
html>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"
/>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible"
content="chrome=1">
<meta http-equiv="content-language" content="en"
/>
<title>MediaElement.js | HTML5 video player with Flash fall-forward</title>
<meta name="Copyright" content="Copyright (c) John
Dyer" />
<link href="./css/reset.css" rel="Stylesheet"
/>
<link href="./css/960.css" rel="Stylesheet" />
<link href="./css/site.css" rel="Stylesheet"
/>
<link href="http://fonts.googleapis.com/css?family=Molengo/"
rel="stylesheet" />
<script src="https://www.google.com/jsapi/"></script>
<script type="text/javascript">
google.load("language", "1");
</script>
<script src="./src/jquery.js"></script>
<script src="./src/mediaelement.min.js"></script>
<script src="./src/mediaelementplayer.min.js"></script>
<link href="./src/mediaelementplayer.min.css" rel="Stylesheet"
/>
<link href="./prettify.css" type="text/css" rel="stylesheet"
/>
<script type="text/javascript" src="./prettify.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=8,
IE=9" />
<meta name="viewport" content="width=1000, user-scalable=yes"
/>
<meta name="description"
content="HTML5 video player in pure HTML, CSS, and JavaScript with
Flash-based HTML5 clone for older browsers." />
<meta name="keywords" content="HTML5, video, H.264,
Javascript, media, mp3, mp4" />
</head>
<body onload="prettyPrint()">
<div id="container" class="container_12">
<div id="header" class="header grid_12">
<h1><a href="./index.html">mediaelement.js</a></h1>
<p>HTML5 <video> and <audio> with
H.264, FLV, WMV, or MP3 on any browser.</p>
</div>
<div class="grid_12">
<div id="example-video" class="example-player">
<video id="v1" width="640" height="360"
controls="controls" poster="/media/video.jpg"
preload="none">
<!-- must come first for some versions of iOS -->
<source src="./media/video.mp4"
type="video/mp4" />
<!--
you don't have to include WebM and Ogg,
but if you want to have pure HTML5 in as many browsers as possible,
enter them here after the H.264 file -->
<source src="./media/video.webm"
type="video/webm" />
<source src="./media/video.ogg"
type="video/ogg" />
<!--
Track elements currently only supported in JavaScript -->
<track kind="subtitles" src="./media/srt_example_ja.srt"
srclang="ja" />
<track kind="subtitles" src="./media/mediaelement.srt"
srclang="en" />
<track kind="chapters" src="./media/mediaelement-chapters.srt"
srclang="en" />
<!-- custom SWF player for older browsers with JavaScript turned
off
See http://camendesign.com/code/video_for_everybody -->
<object width="640" height="360"
type="application/x-shockwave-flash" data="/src/flashmediaelement.swf">
<param name="movie" value="./src/flashmediaelement.swf"
/>
<param name="flashvars" value="controls=true&poster=./media/flash.jpg&file=./media/flash.mp4"
/>
<!-- finally, an image for those without Flash -->
<img src="./media/video.jpg"
width="640" height="360" alt="Here we are"
title="No video playback capabilities, please download the video
below" />
</object>
</video>
</div>
<div class="description"><video src="<a
href="http://echoconference.com//">ECHO Conference</a>"
/></div>
</div>
<div class="grid_2"> </div>
<div class="grid_5">
<div id="example-audio" class="example-player">
<audio id="a1" src="./media/parades-pastlives.mp3"
type="audio/mp3" controls="control" preload="none"></audio>
</div>
<div class="description"><audio src="<a
href="http://paradesmusic.com//">Parades</a>"
/></div>
</div>
<script>
// do NOT put this in the [head] tag or iOS 3.x devices will fail
jQuery(document).ready(function($) {
$('video,audio').mediaelementplayer({
startLanguage:'ja',
translations:['es','ar','zh','ru'],
translationSelector: true,
plugins: ['flash','silverlight']
});
$('#mejsversion').html( mejs.version );
});
</script>
・・・ 以下削除及び記述略・・・・
</body>
</html>
|