用于播放html5视频文件的正确HTML5元素,HTML5视频播放

　　如今，大部分视频都是通过Flash等插件来展示的。然而，并不是所有的浏览器都有相同的插件。

　　HTML5规定了通过视频元素包含视频的标准方法。

　　在HTML5中，video元素目前支持三种格式的视频文件，

　　1.Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件。

　　2.MPEG4=采用H.264视频编码和AAC音频编码的MPEG4文件

　　3.WebM=带有VP8视频编码和Vorbis音频编码的WebM文件

　　那么如何在HTML5中显示视频呢？示例：按如下方式复制代码：

　　video= demo . MP4 width= 500 height= 250 controls= controls 您的浏览器不支持这种视频格式。/视频

　　好了，现在我们来解释一下视频元素中各个属性的含义，宽度和高度就不解释了。主要说一下控件。顾名思义，控件就是控件，哈哈，视频播放、音量暂停等控件。视频元素中间插入的汉字，想必你也知道，很聪明的提醒用户浏览器不支持视频格式的使用。

　　需要注意的是，为了确保适合Safari浏览器，视频文件必须是MP4类型。ogg格式的视频适用于Firefox、Opera和Chrome浏览器。Internet Explorer 8不支持视频元素。在IE 9中，将提供对使用MPEG4的视频元素的支持。

　　当然，如果不确定自己的浏览器支持什么格式的视频，可以先去看看。检测方法在另一篇博文里，有兴趣的可以看看。如果你不想惹麻烦，你该怎么做？我们可以这样做：复制代码代码如下：

　　视频宽度=500 高度=250 控件=控件

　　source src= movie . ogg type= video/ogg

　　source src= movie . MP4 type= video/MP4

　　您的浏览器不支持此视频格式。

　　/视频

　　视频元素允许多个源元素。源元素可以链接不同的视频文件。浏览器会使用第一个可识别的格式，这样我们只需要多准备几个不同格式的视频。

　　接下来，介绍几个视频标签的属性，

　　1.autoplay:这个属性的出现意味着视频准备好了会自动播放。用法：autoplay=autoplay

　　2.controls:这个属性的出现意味着向用户显示控件，比如播放按钮。用法：controls=controls

　　3 .高度：设置高度

　　4 .宽度：设置宽度。

　　5.loop:自动重播，用法：loop=loop

　　6.preload:当页面被加载时，视频被加载并准备好播放。用法：preload=auto

　　当页面加载时自动加载整个视频。

　　加载页面时，只加载元元数据。

　　无-当页面加载时不加载视频。

　　注意：如果使用自动播放，预载将被忽略。

　　7.src:播放视频的url

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。