码迷,mamicode.com
首页 > 其他好文 > 详细

h5视频播放

时间:2015-08-07 11:05:46      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:视频   标签   html5   

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

效果如下:

技术分享

版权声明:本文为博主原创文章,未经博主允许不得转载。

h5视频播放

标签:视频   标签   html5   

原文地址:http://blog.csdn.net/u012011360/article/details/47335807

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!