Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
81 lines (77 sloc) 3.08 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML5 Video Player</title>
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<link href="design/playlist.css" rel="stylesheet" type="text/css">
<script src="src/playlist.js"></script>
</head>
<body>
<video id="vid1"
class="video-js vjs-default-skin"
controls
preload="auto"
width="640"
height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup='{
"playlist":[
{"thumb_url":"http://video-js.zencoder.com/oceans-clip.png",
"poster_url":"http://video-js.zencoder.com/oceans-clip.png",
"sources":[
{"src":"http://video-js.zencoder.com/oceans-clip.mp4",
"type":"video/mp4",
"media":"",
"title":""},
{"src":"http://video-js.zencoder.com/oceans-clip.ogv",
"type":"video/ogg",
"media":"",
"title":""
}
]
},
{"thumb_url":"http://d1p69vb2iuddhr.cloudfront.net/assets/demo/midnight_sun_800-b6c47c7ce67c56d909dadb21aa350eaa.jpg",
"poster_url":"http://d1p69vb2iuddhr.cloudfront.net/assets/demo/midnight_sun_800-b6c47c7ce67c56d909dadb21aa350eaa.jpg",
"sources":[
{"src":"http://media.jilion.com/videos/demo/midnight_sun_sv1_360p.mp4",
"type":"video/mp4",
"media":"",
"title":""}
]
},
{"thumb_url":"http://video-js.zencoder.com/oceans-clip.png",
"poster_url":"http://video-js.zencoder.com/oceans-clip.png",
"sources":[
{"src":"http://video-js.zencoder.com/oceans-clip.mp4",
"type":"video/mp4",
"media":"",
"title":""}
]
},
{"thumb_url":"http://d1p69vb2iuddhr.cloudfront.net/assets/demo/midnight_sun_800-b6c47c7ce67c56d909dadb21aa350eaa.jpg",
"poster_url":"http://d1p69vb2iuddhr.cloudfront.net/assets/demo/midnight_sun_800-b6c47c7ce67c56d909dadb21aa350eaa.jpg",
"sources":[
{"src":"http://media.jilion.com/videos/demo/midnight_sun_sv1_360p.mp4",
"type":"video/mp4",
"media":"",
"title":""}
]
},
{"thumb_url":"http://video-js.zencoder.com/oceans-clip.png",
"poster_url":"http://video-js.zencoder.com/oceans-clip.png",
"sources":[
{"src":"http://video-js.zencoder.com/oceans-clip.mp4",
"type":"video/mp4",
"media":"",
"title":""}
]
}
]
}'>
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4'/>
<p>Video Playback Not Supported</p>
</video>
</body>
</html>
Something went wrong with that request. Please try again.