<!DOCTYPE html>
<html>
<head>
<title>html5添加音樂</title>
<meta charset="utf-8">
<!--embed標簽寫在<head>里面的title標簽下-->
<embed src="C:\Users\Administrator\Desktop\告白氣球.mp3" hidden="flase" autostart="true" loop="true">
<!-- 說明:
1、src:文件路徑。
2、hidden="true"表示隱藏音樂播放按鈕,相反使用hidden="false"表示開啟音樂播放按鈕。
3、autostart="true" 表示是打開網頁加載完后自動播放。
4、loop="true"表示 循環播放 如僅想播放一次則為:loop="false" -->
</head>
<body>
<audio autoplay="autoplay" loop="loop" preload="auto" controls="controls"
src="C:\Users\Administrator\Desktop\告白氣球.mp3">
</audio>
<!-- 說明:
1、autoplay="autoplay",則背景音樂將在音網頁打開后就自動馬上播放。
2、controls="controls",則為了在頁面內顯示顯示控件,如播放按鈕。
3、"loop="loop",則是為了使背景音樂重復播放。
4、preload="auto",則音頻在頁面加載的同時進行加載,并預備播放。
5、src="",即是在""內加入背景音樂的保存路徑,如:src=""。
注:若是想播放按鈕隱藏,則使用以下語句:
直接使用css 的display控制audio標簽的顯示: -->
<style type="text/css">
audio{
display: none;
}
</style>
</body>
</html>
Embed 對象
Embed 對象是 HTML5 中新增的。
Embed 對象代表一個 HTML <embed> 元素。
訪問 Embed 對象
你可以使用 getElementById() 來訪問 <embed> 元素:
var x = document.getElementById("myEmbed");
創建 Embed 對象
你可以使用 document.createElement() 來創建 <embed> 元素:
var x = document.createElement("myEmbed");
Embed 對象屬性
Property | 描述 |
---|---|
height | 設置或者返回嵌入文件的高度(height屬性值) |
src | 設置或者返回 embed 元素的 src 屬性值(嵌入文件地址) |
type | 設置或者返回 embed 元素的 type 屬性值(嵌入文件類型) |
width | 設置或者返回嵌入文件的寬度(width屬性值) |
標準屬性和事件
Embed 對象同樣支持標準 屬性 和 事件。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
embed和object有一個特點,就是無法動態渲染,所以無法通過jQuery去操作dom實現數據加載,要改變數據,可以重新篩一遍達到效果
*請認真填寫需求信息,我們會在24小時內與您取得聯系。