kphp框架学习之html5的video视频标签学习总结

最新推荐文章于 2024-08-21 10:04:42 发布

kphp框架

最新推荐文章于 2024-08-21 10:04:42 发布

阅读量672

点赞数

分类专栏： html5知识文章标签： html5 video ogv 视频 kphp框架

本文链接：https://blog.csdn.net/kphper/article/details/50034549

版权

html5知识专栏收录该内容

7 篇文章 1 订阅

订阅专栏

kphp框架学习之html5的video视频标签介绍，video标签是属于闭合性标签由video开始video结束.标签属性写在开始的video标签中，在闭合标签内部可以写备注，当访问者的浏览器如果不支持video标签将显示其备注的信息，下面就在kphp框架网站中给大家讲解一下html5的video视频标签的用法。
video标签是属于闭合性标签由<video>开始</video>结束

标签属性写在开始的<video>标签中，在闭合标签内部可以写备注，当访问者的浏览器如果不支持video标签将显示其备注的信息。
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式：
<source src="http://www.kphp.org/html5/kphp.ogv" type="video/ogg">
<source src="http://www.kphp.org/html5/kphp.mp4" type="video/mp4">
你的浏览器不支持video标签
</video>
注释：Internet Explorer 9+, Firefox（火狐狸）, Opera, Chrome（谷歌浏览器）以及 Safari（苹果产品浏览器）支持 <video> 标签。
html5中video标签的一些属性介绍：
1.属性：src;值：url型；描述：要播放的视频的 URL，video元素支持三种视频格式：ogg，mpeg4，WebM
--------------------------------------------------------------------
| 格式    IE       Firefox    Opera    Chrome    Safari
| Ogg        No       3.5+        10.5+    5.0+          No
| MPEG4 9.0+    No            No        5.0+         3.0+
| WebM    No       4.0+        10.6+      6.0+        No
--------------------------------------------------------------------
Ogg   = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
注意：video可以在标签内部使用source标签来进行多个src指定进而兼容多个浏览器，实现跨平台的目的。所以video是src属性大多时候是用不到的。
例子：
<video width="320" height="240" controls="controls">
<source src="http://www.kphp.org/html5/kphp.ogv" type="video/ogg">
<source src="http://www.kphp.org/html5/kphp.mp4" type="video/mp4">
你的浏览器不支持video标签
</video>
2.属性：width；
值：pixels型如：200px；
描述：视频的宽度设置；
3.属性：height；值：pixels型如：400px; 描述：视频高度设置；
4.属性：controls；值：controls；描述：如果出现该属性，则向用户显示控件，比如播放按钮；
5.属性：autoplay；值：autoplay；描述：加载后自动播放属性；
6.属性：loop；值：loop；描述：循环播放属性；
7.属性：preload；值：
             auto - 当页面加载后载入整个视频；
             meta - 当页面加载后只载入元数据；
             none - 当页面加载后不载入视频；
             描述：preload 属性规定是否在页面加载后载入视频。如果设置了 autoplay 属性，则忽略该属性；
8.属性：muted；值: muted；描述：规定视频的音频输出应该被静音；
9.属性：poster；值: url型图片；描述：规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像，如果未设置该属性，则使用视频的第一帧来代替；
如：
<video controls poster="http://www.kphp.org/images/kphp.gif">
<source src="http://www.kphp.org/html5/kphp.ogv" type="video/ogg">
<source src="http://www.kphp.org/html5/kphp.mp4" type="video/mp4">
你的浏览器不支持video标签

</video>

原文来自kphp框架，转载请注明出处：http://www.kphp.org/?faq-show-57.html