<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Video.js Text Descriptions, Chapters & Captions Example</title>
<link href="../../video-js.css" rel="stylesheet" type="text/css">
<script src="../../video.js"></script>
<!-- Set the location of the flash SWF -->
<script>
videojs.setGlobalOptions({
flash: {
swf: '../../video-js.swf'
}
});
</script>
</head>
<body>
<p style="background-color:#eee; border: 1px solid #777; padding: 10px; font-size: .8em; line-height: 1.5em; font-family: Verdana, sans-serif;">This page demonstrates a text descriptions track (intended primarily for blind and visually impaired consumers of visual media)</p>
<!-- NOTE: we have to disable native Text Track support for the HTML5 tech,
since even HTML5 video players with native Text Track support
don't currently support 'description' text tracks in any
useful way! -->
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360"
data-setup='{ "html5" : { "nativeTextTracks" : false } }'>
<source src="https://archive.org/download/ElephantsDream/ed_hd.mp4" type="video/mp4">
<source src="https://archive.org/download/ElephantsDream/ed_hd.ogv" type="video/ogv">
<track kind="captions" src="captions.en.vtt" srclang="en" label="English" default></track><!-- Tracks need an ending tag thanks to IE9 -->
<track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish"></track>
<track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian"></track>
<track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese"></track>
<track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic"></track>
<track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English"></track>
<track kind="chapters" src="chapters.en.vtt" srclang="en" label="English"></track>
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
video-js-5.11.9.zip (56个子文件)
video.min.js 275KB
video-js.min.css 40KB
examples
simple-embed
index.html 1KB
shared
example-captions.vtt 696B
elephantsdream
index.html 2KB
captions.sv.vtt 5KB
chapters.en.vtt 748B
captions.en.vtt 4KB
captions.ru.vtt 6KB
captions.ja.vtt 5KB
descriptions.en.vtt 8KB
captions.ar.vtt 5KB
video-js.swf 17KB
font
VideoJS.ttf 6KB
VideoJS.woff 4KB
VideoJS.svg 26KB
VideoJS.eot 6KB
video.js 755KB
alt
video-js-cdn.css 45KB
video-js-cdn.min.css 40KB
video.novtt.min.js 247KB
video.novtt.js 687KB
lang
ko.js 1KB
es.js 1KB
fa.js 1KB
nn.js 1KB
hr.js 1KB
el.js 3KB
ar.js 2KB
nl.js 2KB
ba.js 1KB
sr.js 1KB
ja.js 2KB
pl.js 2KB
pt-BR.js 1KB
cs.js 1KB
sv.js 1KB
de.js 2KB
tr.js 2KB
nb.js 1KB
it.js 1KB
en.js 2KB
zh-CN.js 1KB
ru.js 2KB
uk.js 2KB
da.js 1KB
zh-TW.js 1KB
vi.js 1KB
fi.js 1KB
ca.js 1KB
hu.js 1KB
fr.js 1KB
bg.js 2KB
ie8
videojs-ie8.js 94KB
videojs-ie8.min.js 27KB
video-js.css 45KB
共 56 条
- 1
资源评论
lxxxl0001
- 粉丝: 0
- 资源: 9
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- J185-VB一款SOT23封装P-Channel场效应MOS管
- 计算整数各位数字之和,利用java代码实现
- J185-T2B-VB一款SOT23封装P-Channel场效应MOS管
- map20231226Kalmanfilter.ipynb
- J185-T1B-VB一款SOT23封装P-Channel场效应MOS管
- ASME Y14.5-2018 尺寸与公差标注 中文版
- J185-T1B-A-VB一款SOT23封装P-Channel场效应MOS管
- J168-VB一款SOT23封装P-Channel场效应MOS管
- J166-VB一款SOT23封装P-Channel场效应MOS管
- i2c测试程序-linux-如何调试i2c.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功