音频、视频&Flash文件（萌新必看）

发表时间：2020-10-19

发布人：葵宇科技

浏览次数：25

《小我进修标记八》

embed标记

应用embed标记，可以播放的文件类型有MiNi、Mav、AIFF、SWF、AV、MP3、MOV、AVI等
语法解释

width 、
height：整型值单位为像素，设置宽度和高度会出现播放界面，不然不会出现播放界面。一些高版本浏览器不设置宽度和高度也会出现播放界面。如不雅播放音频作为背景音乐时，
必须同时将宽度和高度设置为0。
src:设置媒体文件的路径。
autostart：逻辑值。true为主动播放；false为不克不及主动播放。
loop：逻辑值。规定音频或视频文件可否轮回播放。属性值为true时，会轮回。属性值为false时，不会轮回播放。
参考代码：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面嵌入多媒体文件</title>
</head>

<body>
    <h3>插仁攀老薛的歌</h3>
    <embed src="video/laoxue.mp3" width="300" height="150" autostart loop>
    <embed src="video/mov_bbb.mp4" width="300" height="150" autostart loop>
</body>

</html>

表示结不雅如下：
在这里插入图片描述

audio标记

audio标签用来向页面中惹人一个外部的音频文件
音视频惹人时，默认情况下不许可用户本身控制播放停止

常用属性感化controls是否许可用户控制播放autoplay音频文件是否主动播放loop音乐是否轮回播放

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面嵌入多媒体文件</title>
</head>

<body>
    <h3>插仁攀老薛的歌</h3>
    <audio src="video/laoxue.mp3" controls autoplay loop></audio>

</body>

</html>

显示结不雅：
在这里插入图片描述
重点：
除了经由过程src来指定外部文件的路径以外，还可以经由过程source来指定文件

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面嵌入多媒体文件</title>
</head>

<body>
    <h3>插仁攀老薛的歌</h3>
    <!-- <audio src="video/laoxue.mp3" controls autoplay loop></audio> -->


    <audio controls autoplay>
        <source src="video/laoxue.mp3">
        <source src="video/laoxue.ogg">
    </audio>
    <embed src="video/mov_bbb.mp4" type="video/mp4" width="300" height="150">


</body>

</html>