h5视频播放
2015-08-07 10:57
721 查看
html5提供的有视频播放功能，标签可以使用video
demo如下：
<div class="video">
<video src="video/VisionMovie.mp4" width="581" height="327" controls preload poster="images/index_video.jpg"></video>
</div>
里面的controls表示出现控制按钮，不同的浏览器上，按钮样式会有差别。
preload预加载。
poster没有播放时候的封面图。
有些视频播放不出来，因为视频格式不仅是要mp4的，视频编码方式必须是AVC
效果如下：
demo如下：
<div class="video">
<video src="video/VisionMovie.mp4" width="581" height="327" controls preload poster="images/index_video.jpg"></video>
</div>
里面的controls表示出现控制按钮，不同的浏览器上，按钮样式会有差别。
preload预加载。
poster没有播放时候的封面图。
有些视频播放不出来，因为视频格式不仅是要mp4的，视频编码方式必须是AVC
效果如下：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html5：article与section元素
- HTML5中新增的Input类型有哪些
- HW Video Acceleration in Chrome/Chromium HTML5 video 视频播放硬件加速
- AnyChart 7.6.0版本发布【附下载】
- razor 添加html5属性
- 使用html5获取当前手机的经纬度，并接入百度地图API，查询出当前位置
- html5 canvas画图
- 详解HTML5中download属性的应用
- html5拖(drag)放(drop)功能
- 基于html5页面滚动背景图片动画效果
- HTML5应用localStorage保存数据
- HTML5音频Audio
- HTML5 FileReader
- H5表单类型
- H5 localStorage
- HTML5的画布：Paths
- HTML5画布: clearRect()
- HTML5的画布：Stroke（笔触）和Fill（填充）
- HTML5画布概述
- html5 file调用一般处理程序上传图片