HTML5 之视频 video新标签
- 民生热点
- 2022-10-15 17:26:04
- 57
简介
在最先以前先来领会下几种罕见的视频样式
ogg 带有theora视频编码和vorbis音频编码的ogg文件
mpeg4 带有H.264 视频编码的和AAC音频编码的mpeg4文件
webm 带有vp8视频编码和vorbis 音频编码的webm文件
运用办法
pscontrols 属性供增添播放.中途截至及音量掌控
最先
有一些时刻候咋们也会晤到这类
对不起,现在观-看器不支持video标签
如上所示,video标签中有一段笔墨呢。注重此内容只会在不支持video元素时刻在观-看器汇总展现呢。
有一些时刻你应该会遇到这样的疑,好比要在多个观-看器中播放统一位视频,可是觉察这个内里一位不支持现在样式呢。很尴尬!那这个时候咋们就能够来领会下source这个元素了呢。咋们先来领会下source元素有什么结局呢?source元素能够联接区别的视频文件呢。观-看器会运用第一位可识别的样式呢。那下面咋们就来详细的看下该怎么样运用呢?
对不起,现在观-看器不支持video标签我写吧
总结
video 元素能够放多个source元素
source 元素能够联接区别的视频版本
video中的内容分在现在观-看器不支持video标签时才会展现
controls 属性供增添播放.中途截至.音量控件
其着实上述中咋们只领会到了video标签的几个属性呢。好比src.width.height.control现在咋们来一五一十看下她另有哪些属性呢?
autoplay 视频妥当后会马上播放,就像这个词语的意义一样努力播放
loop 如果你在video中增添了该属性,她会在前言文件完结播放后再次播放
preload 如果你增添这个属性,视频会在页面加载的同时也会举行加载,而且准备播放呢。可是如果同时用了autoplay ,则会疏忽该属性
拓展
一开始以前有篇短文也有提到过,仍然再领会下吧呢。
第一.观-看器支持
IE9+, Firefox, Opera, Chrome 和 Safari 支持 标签
第两.video元素支持的三种视频样式
本文由admin于2022-10-15发表在见真知,如有疑问,请联系我们。
本文链接:https://www.528ic.cn/post/HTML5%20%E4%B9%8B%E8%A7%86%E9%A2%91%20video%E6%96%B0%E6%A0%87%E7%AD%BE.html