HTML5学习笔记——音频标签与视频标签的使用

最新推荐文章于 2024-07-29 08:18:41 发布

Etui۹(･༥･´)و ̑̑

最新推荐文章于 2024-07-29 08:18:41 发布

阅读量696

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/m0_47015897/article/details/111750088

版权

HTML5 专栏收录该内容

37 篇文章 8 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- 
        audio 标签用来向页面中引入一个外部的音频文件
            音频文件引入时，默认情况下不允许用户自己控制播放停止

            属性：
                controls 是否允许用户控制播放
                autoplay 是否自动播放
                    如果设置了autoplay则音乐在打开页面时会自动播放
                loop 音乐是否循环播放
    -->
    <!-- 除了通过src来指定外部文件的路径以外，还可以通过source来指定文件 -->
    
    <audio controls>
        对不起，您的浏览器不支持播放音频！请升级浏览器！
        <source src="执素兮-赤伶.flac">
        <audio src="执素兮-赤伶.flac" controls loop></audio>
    </audio>

    <!-- 
        使用video标签来向网页中引入一个视频
     -->

     <video controls>
         <source src="军训学姐跳舞.mp4">
     </video>
     <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=i0024ihpojs" allowFullScreen="true"
     width="1000" height="1000"></iframe>
</body>
</html>