音頻、視頻&Flash文件（萌新必看）

發(fā)表時間：2020-10-19

發(fā)布人：葵宇科技

瀏覽次數(shù)：73

《小我進(jìn)修標(biāo)記八》

embed標(biāo)記

應(yīng)用embed標(biāo)記，可以播放的文件類型有MiNi、Mav、AIFF、SWF、AV、MP3、MOV、AVI等
語法解釋

width 、
height：整型值單位為像素，設(shè)置寬度和高度會出現(xiàn)播放界面，不然不會出現(xiàn)播放界面。一些高版本瀏覽器不設(shè)置寬度和高度也會出現(xiàn)播放界面。如不雅播放音頻作為背景音樂時，
必須同時將寬度和高度設(shè)置為0。
src:設(shè)置媒體文件的路徑。
autostart：邏輯值。true為主動播放；false為不克不及主動播放。
loop：邏輯值。規(guī)定音頻或視頻文件可否輪回播放。屬性值為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>

表示結(jié)不雅如下：
在這里插入圖片描述

audio標(biāo)記

audio標(biāo)簽用來向頁面中惹人一個外部的音頻文件
音視頻惹人時，默認(rèn)情況下不許可用戶本身控制播放停止

常用屬性感化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>

顯示結(jié)不雅：
在這里插入圖片描述
重點(diǎn)：
除了經(jīng)由過程src來指定外部文件的路徑以外，還可以經(jīng)由過程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>