img标签

最新推荐文章于 2024-10-17 15:53:46 发布

明明吃了饭

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量58

点赞数

分类专栏：前端学习文章标签： html

本文链接：https://blog.csdn.net/qq_44851613/article/details/116027747

版权

前端学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

<head>
    <meta charset="UTF-8">
    <title>音频</title>
</head>

<body>
    <!-- 
        音频 audio
            - controls可以控制（不加不显示）
            - autoplay自动播放（浏览器为了用户体验加上也不自动播放）
            - loop 循环播放
     -->
    <audio src="路劲.mp3" autoplay></audio>

    <audio controls>
        <!-- 向下找能兼容的 -->
        <source src="路径1.mp3" >
        <source src="路径2.ogg" >
        <embed src="路径3.mp3" type="audio/mp3" width="300" height="200">
    </audio>

    <!-- 
        视频
     -->
     <video src="视频.mp4"></video>

     <!-- 多浏览器支持 -->
     <video controls>
         <source src="视频.webm">
         <source src="视频.mp4" type="">
         <embed src="视频.mp4" type="video/mp4">
     </video>
</body>

</html>