HTML5 video 视頻标识应用详细介绍

日期:2021-02-25 类型:科技新闻 

关键词:网站建设,创建网站,免费建站平台,智能建站,企业建网站

HTML <video> 可用于HTML 5+,用于界定线上收看的视頻流新闻媒体。


拷贝编码
编码以下:

<video width="320" height="240" src="https://www.jb51.net/movie.ogg" controls="controls">
这里是注解文本,假如没法适用 HTML 5 访问器将显示信息这里的文本。假如适用,就立即显示信息视頻,忽视文本。
</video>

在HTML 4 及之前,假如您想在网页页面中嵌入线上收看的视頻,1般都必须应用Flash视頻流,根据应用 <object> 和 <embed> 标识,便可以根据访问器播发swf、flv等文件格式视頻文档,可是前提条件是访问器务必安裝第3方软件:Adobe Flash Player。而当代智能化手机上和iPad等1般都没法适用Flash,因此没法访问网页页面上的视頻。而 HTML 5 更改了这1客观事实,Web开发设计者只必须应用 <video> 标识便可以轻轻松松载入视頻文档,而不必须任何第3方软件。

特性 值 叙述 autoplay autoplay 假如出現该特性,则视頻在准备就绪后立刻播发。 controls controls 假如出現该特性,则向客户显示信息控制,例如播发按钮。 height 像素值 设定视頻播发器的高宽比。 loop loop 假如出現该特性,则当媒体文档进行播发后再度刚开始播发。 preload auto/meta/none 要求是不是预载入视頻,将会的值:
auto - 当网页页面载入后加载全部视頻
meta - 当网页页面载入后只加载元数据信息
none - 当网页页面载入后不加载视頻 * src 视頻详细地址 要播发的视頻的 URL,提议应用肯定详细地址。 width 像素值 设定视頻播发器的宽度。
怎样写适配的视頻标识?

因为旧的访问器和Internet Explorer不适用<video>元素,考虑到到适配性,大家务必为这些访问器寻找1个适用Flash文档的处理计划方案。悲剧的是,和HTML 5声频1样,涉及到到视頻的文档文件格式,Firefox 和 Safari/Chrome 的适用方法其实不同样。因而,假如你想在这个情况下应用HTML 5视頻,则必须建立3个视頻版本号。OGG,MP4,FLV/SWF


拷贝编码
编码以下:

<video width="320" height="240" controls>
<!-- 适配 Firefox -->
<source src="https://www.jb51.net/ movie.ogg" type="video/ogg" />
<!-- 适配 Safari/Chrome-->
<source src="https://www.jb51.net/ movie.mp4" type="video/mp4" />
<!-- 假如访问器不适用video标识,则应用flash -->
<embed src="https://www.jb51.net/ movie.swf" type="application/x-shockwave-flash"
width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>

上一篇:HTML5申请注册网页页面示例编码 返回下一篇:没有了