百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html5中video标签的细致介绍-
分享文章到:

html5中video标签的细致介绍-

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章给大家带来的内容是对于html5中video标签的细致介绍,有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。 本篇文章给大家带来的内容是对于html5中video标签的细致介绍,有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。

MP4 = MPEG 4文件运用 H264 视频编解码器和AAC音频编解码器

WebM = WebM 文件运用 VP8 视频编解码器和 Vorbis 音频编解码器

Ogg = Ogg 文件运用 Theora 视频编解码器和 Vorbis音频编解码器

通过上面的信息我们会发明只要h264编码的MP4视频(MPEG-LA企业)、VP8编码的webm格局的视频(Google企业)和Theora编码的ogg格局的视频(iTouch开发)可以支撑html5的

要是阅读器不支撑video标签怎么办?

比方IE阅读器还有老版本的阅读器对html5的支撑不太好,当会员用这些阅读器打开我们带有视频的网页怎么办呢?

我们可以把代码这样写:

这样在不支撑html5的阅读器中就会提醒“您的阅读器不支撑播放该视频!”啦!

对于video标签的扩展参数注明:

video 元素允很多个 source 元素。source 元素可以链接不一样的视频文件。阅读器将运用首先个可辨认的格局,这样我们只有多预备几个不一样格局的视频就可以了。

用途:

autoplay :涌现该属性意味着视频在就绪后将主动播放,用途:autoplay="autoplay"

controls :涌现该属性意味着向会员显示控件,如播放按钮等,用途:controls="controls"

height:设定高度

width:设定宽度

loop:主动重播,用途:loop="loop"

preload:视频在页面加载时进行加载并准备播放,用途:preload="auto" - 当页面加载后载入整个视频;preload="meta" - 当页面加载后只载入元数据;preload="none" - 当页面加载后不载入视频。注意:若运用了autoplay,则忽略preload

src:要播放视频的url

对于

以上就是html5中video标签的细致介绍的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板