html5多媒体

最新推荐文章于 2023-04-19 14:23:46 发布

约德尔蒙

最新推荐文章于 2023-04-19 14:23:46 发布

阅读量275

点赞数

分类专栏： Html5

本文链接：https://blog.csdn.net/gyq04551/article/details/53263398

版权

Html5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        audio {
            /*top: 100px;*/
            display: block;
            height: 100px;
            width: 500px;
            margin: 0px auto;
            /*text-align: center;*/
            background-color: black;
            line-height: 100px;
        }
    </style>
</head>
<body>
            <!--
            autoplay: 自动播放
            controls:控制条
            loop：循环
            -->
            <!--<audio src="music/yinyue.mp3" autoplay controls> </audio>-->

            <!--推荐的兼容写法：-->
            <!-- ogg 为音频文件 类似wav-->
            <!-- 可以放各类格式的音频文件-->
            <!-- 相同目录下 放置相关文件夹 音视频文件均可-->
            <audio controls loop>
                <source src="music/偏爱-张芸京.mp3"/>
                <!--<source src="music/yinyue.ogg"/>-->
                <!--<source src="music/yinyue.wav"/>-->
                抱歉，你的浏览器不支持音频标签！
            </audio>
<!------------------------------视频--------------------------------------------->
            <!--<video src="video/movie.mp4" controls  autoplay ></video>-->
            <!--  行内块 display:inline-block -->
            <!--目录放置同 音频文件-->
            <video controls autoplay>
                <source src="video/movie.mp4"/>
                <source src="video/movie.ogg"/>
                <source src="video/movie.webm"/>
                抱歉，浏览器要换了！
            </video>



</body>
</html>

约德尔蒙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5多媒体

audio { /*top: 100px;*/ display: block; height: 100px; width: 500px; margin: 0px auto; /*text-align: center;*/ backg
复制链接

扫一扫