美文网首页
认识HTML————video标签第二种格式

认识HTML————video标签第二种格式

作者: 周行知 | 来源:发表于2019-05-03 12:05 被阅读0次

    video标签的第二种格式:

    <video>

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

    </video>

    为什么会出现source的标签?

    由于视频数据非常非常的重要,所以五大浏览器厂商都不愿意支持别人的视频格式,所以导致没有一种视频格式是所有浏览器都支持的。这个时候w3c为了解决这个问题,所以推出了第二个video标签格式。

    video的支持程度

    video标签的第二种格式存在的意义就是为了解决浏览器适配问题,video元素支持三种视频格式,我们可以把这三种格式通过source标签指定给video标签,那么以后浏览器播放视频时它就会从三中选择一种自己支持格式来播放。

    案列1:video标签的应用场景

    代码如下:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>video</title>

    </head>

    <body>

    <video>

    <source src="img/sb1.webm" type="video/webm"></source>

    <source src="img/sb1.mp4" type="video/mp4"></source>

    <source src="img/sb1.ogg" type="video/ogg"></source>

    </video>

    </body>

    </html>

    运行如图所示:

    相关文章

      网友评论

          本文标题:认识HTML————video标签第二种格式

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