|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0 Transitional//EN">
<!DOCTYPE html>
<!-- saved from url=(0066)http://dev.mennerich.name/showroom/html5_video/playlist_video.html
-->
<HTML><HEAD><TITLE>LeanBack PlayerでHTML5ビデオのプレイリスト表示</TITLE>
<META http-equiv="X-UA-Compatible"
content="chrome=1">
・・・・
<SCRIPT type=text/javascript>
LBPlayer.playlist["playlistTest"] = {
items: [{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/1-3angkorthom.jpg",
source: ["http://kakonacl.dip.jp/JWFLVMediaPlayer4.4/JWFLVPlayer_playlist/mp4/1-3angkorthom.mp4"
, "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/1-3angkorthom.ogg"
, "http://kakonacl.dip.jp/angkorwat/angkorwat/webm/1-3angkorthom.webm"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/4taprohm.jpg",
source: ["http://kakonacl.dip.jp/JWFLVMediaPlayer4.4/JWFLVPlayer_playlist/mp4/4taprohm.mp4"
, "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/4taprohm.ogg"
, "http://kakonacl.dip.jp/angkorwat/angkorwat/webm/4taprohm.webm"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/6-7angkorwat.jpg",
source: ["http://kakonacl.dip.jp/JWFLVMediaPlayer4.4/JWFLVPlayer_playlist/mp4/6-7angkorwat.mp4"
, "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/6-7angkorwat.ogg"
, "http://kakonacl.dip.jp/angkorwat/angkorwat/webm/6-7angkorwat.webm"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/8apsara.jpg",
source: ["http://kakonacl.dip.jp/JWFLVMediaPlayer4.4/JWFLVPlayer_playlist/mp4/8apsara.mp4"
, "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/8apsara.ogg"
, "http://kakonacl.dip.jp/angkorwat/angkorwat/webm/8apsara.webm"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/damy.jpg",
source: ["http://kakonacl.dip.jp/JWFLVMediaPlayer4.4/JWFLVPlayer_playlist/mp4/8apsara.mp4"
, "http://kakonacl.dip.jp/angkorwat/angkorwat/webm/8apsara.webm"
, "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/8apsara.ogg"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/9-10angkorwat2.jpg",
source: ["http://kakonacl.dip.jp/angkorwat/angkorwat/webm/9-10angkorwat2.webm"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/11-13preahkhan.jpg",
source: ["http://kakonacl.dip.jp/angkorwat/angkorwat/webm/11-13preahkhan.webm"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/14banteaysrei.jpg",
source: ["http://kakonacl.dip.jp/angkorwat/angkorwat/webm/14banteaysrei.webm"],
},{
poster: "http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/15-17prerup.jpg",
source: ["http://kakonacl.dip.jp/angkorwat/angkorwat/webm/15-17prerup.webm"],
}],
}
</SCRIPT>
中略
<!-- video-element -->
<VIDEO id=playlistTest poster="http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/openning.jpg"
preload="metadata" controls height="406"
width="720">
<!-- html5-video sources -->
<SOURCE type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'
src="http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/openning.mp4"
/>
<SOURCE type='video/webm; codecs="vp8, vorbis"' src="http://kakonacl.dip.jp/angkorwat/angkorwat/webm/openning.webm"
/>
<SOURCE type='video/ogg; codecs="theora, vorbis"' src="http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/openning.ogg"
/>
<!-- 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" id="html5_video_fallback"
class="html5_video_fallback" width="720"
height="406" type="application/x-shockwave-flash"
data="/videos/jwplayer.swf">
<param name="movie" value="http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/jwplayer.swf"
/>
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always"
/>
<param name="flashvars" value="autostart=no&controlbar=over&image=http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/flash.jpg
&file=http://kakonacl.dip.jp/angkorwat/leanback_playlist/videos/openning.mp4"
/>
</object>
</VIDEO>
略
|