个人小记 html5 video标签
2015-08-25 14:54
465 查看
最近在制作网页播放视频的时候,毫不迟疑的选择了video标签,但是在使用的时候遇到了奇葩的问题。
video学习地址:http://www.w3school.com.cn/html5/html5_video.asp
在使用标签播放MP4视频的时候,有声音但是没有视频画面
使用示例如下:
总以为是标签的问题,在网上也找了许多的帖子,没能找到解决办法,后来让同事重新导出视频文件,
大概导出3~4次之后,视频终于能够显示出来了。后来目标转向视频文件上,网上也有人说MP4的文件编码方式
是要用H264来编码的。也让同事pose出导出视频时的设置(使用的时狸窝工具)大家可以自选视频转换工具试试
详细设置可见图片。
video学习地址:http://www.w3school.com.cn/html5/html5_video.asp
在使用标签播放MP4视频的时候,有声音但是没有视频画面
使用示例如下:
<video src="/data/ship.mp4" type="video/mp4" id="player1" poster="../media/echo-hereweare.jpg" controls="controls" preload="none" style="width:100%;"></video>
总以为是标签的问题,在网上也找了许多的帖子,没能找到解决办法,后来让同事重新导出视频文件,
大概导出3~4次之后,视频终于能够显示出来了。后来目标转向视频文件上,网上也有人说MP4的文件编码方式
是要用H264来编码的。也让同事pose出导出视频时的设置(使用的时狸窝工具)大家可以自选视频转换工具试试
详细设置可见图片。
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- 视频分割 Ultra Video Splitter V4.0.4 汉化版 下载
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数
- Android的TextView与Html相结合的具体方法
- jQuery设置和获取HTML、文本和值示例
- 『jQuery』.html(),.text()和.val()的概述及使用
- php正则替换处理HTML页面的方法