美文网首页
video标签

video标签

作者: CJCJCCJ | 来源:发表于2016-11-09 15:05 被阅读93次

属性

src:

用于告诉video标签需要播放的视频地址

autoplay:

用于告诉video标签是否需要自动播放视频

controls:

用于告诉video标签是否需要显示控制条用于告诉video标签视频没有播放之前显示的占位图片

loop:

一般用于做广告视频, 用于告诉video标签视频播放完毕之后是否需要循环播放

preload:

预加载视频, 但是需要注意preload和autoplay相冲, 如果设置了###autoplay属性, 那么preload属性就会失效

muted:

静音

width/height:

和img标签中的一模一样

格式一

<video src=""></video>

格式二

<video>
    <source src="" type="">
    <source src="" type="">
</video>

(1).
第二种格式存在的意义:由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的这个时候W3C为了解决这个问题, 所以推出了第二个video标签的格式video标签的第二种格式存在的意义就是为了解决浏览器适配问题video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给video标签, 那么以后当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来播放
(2).注意点:
(2.1)当前通过video标签的第二种格式虽然能够指定所有浏览器都支持的视频格式, 但是想让所有浏览器都通过video标签播放视频还有一个前提条件, 就是浏览器必须支持HTML5标签, 否则同样无法播放
(2.2)在过去的一些浏览器是不支持HTML5标签的, 所以为了让过去的一些浏览器也能够通过video标签来播放视频, 那么我们以后可以通过一个JS的框架叫做html5media来实现

例如:

<video autoplay="autoplay" controls="controls">
    <source src="images/sb1.webm" type="video/webm">
    <source src="images/sb1.mp4" type="video/mp4">
    <source src="images/sb1.ogg" type="video/ogg">
</video>

相关文章

  • HTML:多媒体标签

    video标签 • 作用: 播放视频• 格式1: • video标签的属性○ src: 告诉video标签需要播...

  • 02HTML基础--基础标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性: src: 告诉video标签需要播放的视频地址...

  • HTML5 学习笔记2017-02-13 pm

    video 标签 什么是 video 标签作用:播放视频格式: video 标签的属性 src:用于告诉 vide...

  • video标签的归纳

    video标签的属性src: 用于告诉video标签需要播放的视频地址autoplay: 用于告诉video标签是...

  • HTML 5 新增的标签

    一、video标签 什么是video标签 作用:播放视频 格式一: video 属性 src: 用于告诉video...

  • 多媒体标签

    video标签 作用:播放视频 格式: video标签的属性src: 告诉video标签需要播放的视频地址auto...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

网友评论

      本文标题:video标签

      本文链接:https://www.haomeiwen.com/subject/kottpttx.html