使用video.js播放视频
来源:互联网 发布:java 源码 仓库 编辑:程序博客网 时间:2024/06/11 16:20
1.下载video.js插件
2.引入相关标签,包括css、js等
<link href="${path }/static/video/video-js/video-js.css" rel="stylesheet">
<script src="${path}/static/video/video-js/video.js"></script>
<script>
_V_.options.flash.swf = "http://example.com/path/to/video-js.swf"
</script>
3、html页面播放视频部分
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="auto" width="800" height="500" style="margin:0 auto"
poster=""
data-setup='{"example_option":true}'>
<source src="视频地址" type='video/mp4' />
</video>
4、支持的视频格式
<source src=
"xxx.mp4"
type=
'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'
/>
<source src=
"xxx.webm"
type=
'video/webm; codecs="vp8, vorbis"'
/>
<source src=
".ogv"
type=
'video/ogg; codecs="theora, vorbis"'
/>
可以用视频转码工具实现,最好用MP4格式
5、对于ie9以下版本对video标签不支持,请在页面head部分加入以下标签
<script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>
0 0
- 使用video.js播放视频
- video.js播放视频
- js-视频播放插件Video.js简单使用
- Video.js视频播放控件
- Video JS视频播放插件
- HTML5 - 使用<video>播放视频
- HTML5 - 使用<video>播放视频
- 设置video.js多视频连续播放
- video JS实现多视频循环播放
- Video.js 播放rtmp视频流
- video.min.js做视频播放
- 设置video.js多视频连续播放
- video.js 视频播放插件及常见问题
- H5视频播放库video.js介绍
- 使用HTML5的video标签播放视频
- 【PythonDjango后台实例 第七章】Django使用Video.js视频播放插件
- 视频播放- video标签
- video 播放视频
- 35、JavaScript中DIV的完美拖拽---解决拖拽中的文字选中的问题
- android中The connection to adb is down,问题和解决
- TCP/IP
- 如何在Android Studio添加aar包或jar包引用
- Xpath学习总结(二)
- 使用video.js播放视频
- GC调优在Spark应用中的实践
- Vuforia学习推荐
- QC缺陷字段,级别,流程图,人员修改规范管理
- RNN学习(二) 一些常见的RNN
- 20160620 qmake: could not exec '/usr/lib/x86_64-linux-gnu/qt4/bin/qmake': No such
- [Java并发包学习一]Excutors和Threads
- Linux 查看新增删除用户和用户组
- 实时显示碎片数量