|
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Leanback Player Example Page</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"
/>
<meta http-equiv="X-UA-Compatible"
content="chrome=1">
<link rel="stylesheet" media="screen" type="text/css"
href="./css/leanbackPlayer_default.css"
title="theme" />
<script type="text/javascript" src="./js/leanbackPlayer.js"></script>
<script type="text/javascript" src="./js/leanbackPlayer_en.js"></script>
</head>
<body>
<div>
<!-- video-element -->
<video width="640" height="360"
preload="metadata" controls poster="./videos/video.jpg">
<!-- html5-video sources -->
<source src="./videos/video.mp4"
type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="./videos/video.webm"
type='video/webm; codecs="vp8, vorbis"'>
<source src="./videos/video.ogg"
type='video/ogg; codecs="theora, vorbis"'>
<!-- subtitle-references with <track>-element -->
<track enabled="true" kind="subtitles"
label="Japanese" srclang="ja" type="text/plain"
src="./subtitle/srt_example_ja.srt"></track>
<track enabled="true" kind="subtitles" label="German"
srclang="de" type="text/plain" src="./subtitle/srt_example_de.srt"></track>
<track enabled="true" kind="subtitles" label="English"
srclang="en" type="text/plain" src="./subtitle/sbv_example_en.sbv"></track>
<track enabled="true" kind="subtitles" label="France"
srclang="fr" type="text/plain" src="./subtitle/sbv_example_fr.sbv"></track>
<p>”ご利用のブラウザはHTML5動画に未対応の為、字幕無しのSWF動画が再生されます”</p>
<!-- Fallback to Flash-Video: https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox#Using_Flash
AND http://camendesign.com/code/video_for_everybody -->
<object name="html5_video_fallback" class="html5_video_fallback"
width="640" height="360"
type="application/x-shockwave-flash" data="./videos/jwplayer.swf">
<param name="movie" value="./videos/jwplayer.swf"
/>
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always"
/>
<param name="flashvars" value="autostart=no&controlbar=over&image=./videos/flash.jpg&file=http://kakonacl.dip.jp/webm/html5_videos/leanbackplayer/videos/flash.mp4"
/>
<param name="loop" value="false">
</object>
</video>
</div>
</body>
</html>
|