01-HTML基础与进阶-day6-录像280

转载于 2019-06-16 17:30:00 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/HiJackykun/p/11032227.html

本文深入探讨了HTML中用于播放音频和视频的媒体元素，包括embed、audio和video标签的使用方法，展示了如何通过不同源文件格式确保跨浏览器兼容性。

01embed插入视频.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <embed src="movie04.ogg" width="480" height="400"  />
</body>
</html>

02audio标签.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--<audio src="bgsound.mp3" controls autoplay="autoplay"loop="-1"></audio>-->
    <!--mp3 ogg wav-->
    <audio controls autoplay>
        <source src="bgsound.mp3" />
        <source src="music.ogg" />    
        您的浏览器不支持播放声音    
    </audio>
</body>
</html>

03video标签.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    

    <!--<video src="mp4.mp4" controls autoplay></video>-->
    <!--ogg mp4 webM-->
    <video controls autoplay>
        <source src="mp4.mp4" />
        <source src="movie04.ogg" />
        您的浏览器不支持视频播放
    </video>
</body>
</html>