【HTML】八、音视频

最新推荐文章于 2024-06-26 09:11:38 发布

那个小白猿

最新推荐文章于 2024-06-26 09:11:38 发布

阅读量87

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/weixin_40660408/article/details/125069305

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<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>
    <!-- 
        音视频文件引入时，默认情况下不允许用户自己控制播放停止
        属性：
        controls 是否允许用户控制播放
        autoplay 音频文件是否自动播放
            - 如果设置了autoplay 则在页面打开时会自动播放，但是目前大部分浏览器不会自动播放
        loop 循坏播放
     -->
    <audio src="" controls autoplay></audio>

    <!-- 
        除了通过src来指定外部文件的路径以外，还可以通过source来指定文件
     -->
     <audio controls>
         <source src="">
         <source src="">
         <source src="">
         <!-- 兼容老版本浏览器，如果支持以上source，那么该标签会被自动忽略 -->
         <embed src="" type="audio/mp3" width="20" height="50">
     </audio>

     <!-- 
         老版本浏览器引入音视频文件
         type
            - audio/mp3
            - video/mp4
      -->
      <embed src="" type="audio/mp3" width="20" height="50">


        <!-- 
            video用来引入一个视频
            用法基本和audio一致
         -->
    <video>
        <source src="">
        <source src="">
        <embed src="" type="video/mp4">
    </video>
</body>
</html>

那个小白猿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【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>&l
复制链接

扫一扫