HTML5 Video元素
来源:互联网 发布:ae 软件 教程 编辑:程序博客网 时间:2024/05/17 08:55
本文章给各位朋友介绍HTML5学习笔记:HTML5 Video元素 ,有需要了解的朋友可参考。
现在互联网视频大都使用Flash来实现。但是不同的浏览器可能使用不同的插件。在HTML5中则提供了一个统一的方式来展示视频内容。HTML5 video在Internet Explorer 9, Firefox, Opera, Chrome, 和Safari都支持。IE8及其更早的浏览器不支持。
代码如下复制代码<SPAN style="COLOR: #000000"><video width="320" height="240" controls="controls" id="gbin1">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video> </SPAN>
以上的控制属性可以添加视频相关的控制,例如,播放,暂停和音量。当然,如果必要我们也需要添加高度和宽度。如果高和宽设定后,页面加载后针对这个韩国艺德雅整形外科 韩国好的整形医院 去韩国整容价格视频的区域的大小会预留出来。如果没有相关高和宽的属性,浏览器则不能正确预留显示视频区域。效果就是页面加载过程中,页面布局可能变化。
应该在和元素内容间加入文字内容,这样可以保证如果浏览器不支持video标签。页面能够显示正确的文字。
video标签允许加入多个元素。这些元素可以链接到不同的视频文件。当然,浏览器会使用第一个识别出的格式。目前,标签支持3类文件格式 :MP4, webM和Ogg,如下:
如下:HTML5视频标签:
pse: collapse; padding-top: 0pt; mso-table-layout-alt: fixed" class="ke-zeroborder">Browser
MP4
WebM
Ogg
Apple Safari 5
支持
不支持
不支持
Firefox 4.0
不支持
支持
支持
Google Chrome 6
支持
支持
支持
Internet Explorer 9
支持
不支持
不支持
Opera 10.6
不支持
支持
支持
Tag
Description
<source>
为video或者movie定义多个媒体源
<track>
定义播放器中的媒体元素的文字曲目信息
<video>
定义一个视频或者电影
- HTML5 Video元素
- HTML5 媒体元素--------video
- html5 video 元素
- HTML5多媒体播放video元素
- HTML5的video元素应用
- HTML5<video>元素(audio元素类似)
- HTML5中的video元素和audio元素
- HTML5 Video&Audio&Canvas元素测试
- Html5初探-视频元素video示例
- Html5的多媒体元素:audio video
- HTML5中video元素方法详解
- HTML5中video元素事件详解
- HTML5的video元素和audio元素兼容性
- Video---HTML5视频video
- HTML5 video
- HTML5 Video
- HTML5 Video
- html5 video
- IIS7以CGI方式运行Python脚本
- 90后求职要求挺高:企业最好有wifi
- 使用Maven配置spring
- 50个c/c++源代码网站
- 超级云计算能否真正实现?
- HTML5 Video元素
- CorePlot-曲线图
- Android笔记:应用内支付宝支付集成
- 设备驱动模型第1节:平台-设备-驱动3
- Android获取系统可用内存
- Javascript计算浮点数乘积出现多位小数解决方案
- 订好日期了
- 利用qmake编译工程
- 关注 学习