前端学习(HTML)--音视频

时间:2025-01-14 19:04:24

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>音视频</title>

</head>

<body>

    <!--

        audio标签用来向页面中引入一个外部的音频文件

            音视频文件引入时,默认情况下不允许用户自己控制播放停止

        属性:

            controls是否允许用户控制播放

            autoplay音频文件是否自动播放

                -如果设置了autoplay 则音乐在打开页面时会自动播放

                    但是目前来讲大部分浏览器都不会自动对音乐进行播放

            loop音乐是否循环播放

     -->

    <!-- <audio src="./source/音视频/audio.mp3" controls autoplay loop></audio> -->

    <!-- 除了通过src来指定外部文件的路径以外,还可以通过source来指定文件的路径 -->

    <audio controls>

        对不起,您的浏览器不支持播放音频,请升级浏览器

        <source src="./source/音视频/audio.mp3">

        <source src="./source/音视频/">

        <embed src="./source/音视频/audio.mp3" type="">

    </audio>

    <!--

        使用video标签来向网页中引入一个视频文件

            -使用方式和audio基本上是一样的

     -->

    <video controls>

        <source src="./source/音视频/">

        <source src="./source/音视频/flower.mp4">

            <embed src="./source/音视频/flower.mp4" type="">

    </video>

</body>

</html>