<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo: playlist & thumbnail && multiRate</title>
</head>
<body>
<div id="playercontainer"></div>
<script type="text/javascript" src="../player/cyberplayer.js"></script>
<script type="text/javascript">
var player = cyberplayer("playercontainer").setup({
width: 854,
height: 480,
stretching: "uniform",
autostart: true,
repeat: false,
volume: 100,
controls: true,
playlist: [
{
image:'http://content.bitsontherun.com/thumbs/3XnJSIm4-480.jpg',
sources: [
{file: '//content.bitsontherun.com/videos/3XnJSIm4-52qL9xLP.mp4'}
],
tracks: [
{ file: 'assets/thumbs.vtt', kind: 'thumbnails' },
{file: '//playertest.longtailvideo.com/chapters/sintel-chapters.vtt', kind: 'chapters'},
{file: '//playertest.longtailvideo.com/captions/sintel-ch.srt', label: 'Chinese'},
{file: '//playertest.longtailvideo.com/captions/sintel-fa.srt', label: 'Farsi'},
{file: '//playertest.longtailvideo.com/captions/sintel-gr.srt', label: 'Greek'},
{file: '//playertest.longtailvideo.com/captions/sintel-jp.srt', label: 'Japanese'}
],
description : 'Scales!',
title: 'Sintel is such a good movie, sometimes I wonder why it wasnt a feature film'
},
{
image: "http://content.bitsontherun.com/thumbs/bkaovAYt-480.jpg",
sources: [
{file: '//content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4'},
{file: '//content.bitsontherun.com/videos/bkaovAYt-27m5HpIu.webm'}
],
tracks: [
{file: '//playertest.longtailvideo.com/chapters/bunny-chapters.vtt', kind: 'chapters'},
{file: '//playertest.longtailvideo.com/captions/bunny-en.srt', label: 'English'},
{file: '//playertest.longtailvideo.com/captions/bunny-ned.txt', label: 'Dutch'}
],
title: 'Big Buck Bunny'
},
{
sources: [
{
file: 'http://content.bitsontherun.com/videos/3XnJSIm4-injeKYZS.mp4',
height: 180,
width: 320,
label: '180p'
}, {
file: 'http://content.bitsontherun.com/videos/3XnJSIm4-kNspJqnJ.mp4',
height: 360,
width: 640,
label: '360p'
}, {
file: 'http://content.bitsontherun.com/videos/3XnJSIm4-DZ7jSYgM.mp4',
height: 720,
width: 1280,
label: '720p'
}, {
file: 'http://content.bitsontherun.com/videos/3XnJSIm4-el5vTWpr.mp4',
height: 1080,
width: 1920,
label: '1080p'
}
],
tracks: [
{ file: "assets/thumbs.vtt", kind: "thumbnails" },
{file: '//playertest.longtailvideo.com/chapters/sintel-chapters.vtt', kind: 'chapters'},
{file: '//playertest.longtailvideo.com/captions/sintel-ch.srt', label: 'Chinese'},
{file: '//playertest.longtailvideo.com/captions/sintel-fa.srt', label: 'Farsi'},
{file: '//playertest.longtailvideo.com/captions/sintel-gr.srt', label: 'Greek'},
{file: '//playertest.longtailvideo.com/captions/sintel-jp.srt', label: 'Japanese'},
{file: '//playertest.longtailvideo.com/captions/sintel-ko.srt', label: 'Korean'},
{file: '//playertest.longtailvideo.com/captions/sintel-pl.srt', label: 'Polish'},
{file: '//playertest.longtailvideo.com/captions/sintel-ru.srt', label: 'Russian'},
{file: '//playertest.longtailvideo.com/captions/sintel-sp.srt', label: 'Spanish'},
{file: '//playertest.longtailvideo.com/captions/sintel-tr.srt', label: 'Turkish'}
],
title: "4 quality levels"
},
{
sources: [
{
file: 'http://content.bitsontherun.com/videos/3XnJSIm4-injeKYZS.mp4',
height: 180,
width: 320
},{
file: 'http://content.bitsontherun.com/videos/3XnJSIm4-kNspJqnJ.mp4',
height: 360,
width: 640
}
],
tracks: [
{ file: "assets/thumbs.vtt", kind: "thumbnails" },
{file: '//playertest.longtailvideo.com/chapters/sintel-chapters.vtt', kind: 'chapters'},
{file: '//playertest.longtailvideo.com/captions/sintel-ch.srt', label: 'Chinese'}
],
title: "2 quality toggle"
}
],
ak: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' // 公有云平台注册即可获得accessKey
});
</script>
</body>
</html>
TS流网页视频播放
2星 需积分: 50 17 浏览量
2019-01-11
13:33:46
上传
评论 2
收藏 572KB ZIP 举报
软件测试那些事儿
- 粉丝: 8
- 资源: 5
最新资源
- C# OpenCvSharp Demo - 最大内接圆.rar
- 基于python和Matlab的爬虫+情感分析+时间序列+长图自动分割项目合集(高分项目).zip
- ME2308-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- 使用Java实现的基于最小生成树的旅行商问题.zip
- ME2308D-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- 数据并行C++(Data Parallel C++) 英文版
- MongoDB数据库操作和面试专题及答案.zip
- C#实现通用USB摄像头的读取,拍照,视频录制等功能
- 基于Python实现的多目标旅行商问题算法优化.zip
- LN2312LT1G-VB一款SOT23封装N-Channel场效应MOS管
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈