html新标签与音频属性

最新推荐文章于 2024-11-03 20:03:09 发布

2333!!!!!

最新推荐文章于 2024-11-03 20:03:09 发布

阅读量998

点赞数

文章标签： html 音视频 html5

本文链接：https://blog.csdn.net/weixin_46564011/article/details/122116517

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <header style="background-color: blueviolet;">头部</header>
    <nav style="background-color: brown;">导航条</nav>
    <section style="background-color: cadetblue;">某个区域(大号div)</section>
    <footer style="background-color: darkblue;"> 尾部</footer>
    <!--可以看到都是块级元素,但在ie9之前是行内元素所以使用的时候必须要加display:block-->
    <video src="../../media/**.mp4" autoplay="autoplay" muted="muted" loop="loop" poster="poster"
        controls="controls"></video>
    <!--
        autoplay加载好自动播放,但谷歌浏览器不行要加muted静音播放才行
        loop循环播放
        poster他是在视频没有加载完成时在视频框内显示一张图片
        controls视频播放控制条
    -->
    </video>
    <video>
        <!--视频标签 基本上都能支持mp4文件,但比较老的只支持ogg类型-->
        <!--为了兼容会放出两/三个不同类型的资源若上面的无法加载就会加载下面的资源-->
        <source src="../../media/**.mp4" type="video/mp4">
        <source src="../../media/**.oog" type="video/oog">
        你的浏览器不支持播放视频
        <!--这也算是一个选项-->
    </video>
</body>

</html>