video.js播放视频
2016-09-23 18:30
387 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://vjs.zencdn.net/5-unsafe/video.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://vjs.zencdn.net/5-unsafe/video-js.css"/>
</head>
<body>
<video autoplay="autoplay" class='video-js vjs-default-skin' webkit-playsinline controls='controls' style="height: 500px;" height='100%' id='play_video' poster="" time="1027" seq="1" lesson_count="" data-setup='{"example_option":true,"customControlsOnMobile":
true}' preload='none' width="655">
<!-- 如果浏览器不兼容HTML5则使用flash播放 -->
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
</video>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://vjs.zencdn.net/5-unsafe/video.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://vjs.zencdn.net/5-unsafe/video-js.css"/>
</head>
<body>
<video autoplay="autoplay" class='video-js vjs-default-skin' webkit-playsinline controls='controls' style="height: 500px;" height='100%' id='play_video' poster="" time="1027" seq="1" lesson_count="" data-setup='{"example_option":true,"customControlsOnMobile":
true}' preload='none' width="655">
<!-- 如果浏览器不兼容HTML5则使用flash播放 -->
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
</video>
</body>
</html>
相关文章推荐
- 视频播放插件Video.js简单使用
- video.js--很赞的H5视频播放库
- js控制html5 【video】标签中视频的播放和停止
- cordova开发:android端用video.js播放视频,解决退出全屏后应用被状态栏遮挡
- 使用video.js播放视频
- Video.js视频播放控件
- 视频播放插件 Video.js
- video.js不能控制本地视频或者音频播放时长
- video.js--很赞的H5视频播放库
- video.js动态设置视频的播放地址。
- js-视频播放插件Video.js简单使用
- video.js--很赞的H5视频播放库
- 设置video.js多视频连续播放
- 视频播放插件Video.js
- HTML5视频播放插件Video.js使用详解
- 设置video.js多视频连续播放
- 视频播放插件Video.js
- HTML5中js控制video视频和分段播放
- Native.js调用android原生播放video视频MUI
- video.js 中的属性和原生HTML5视频播放