关于网页的一些小知识点
插入音效：
<audio src=" .mp3"></audio>
<video src="' .mp3' controls='controls' autoplay='autoplay' 'loop'='1'"></video>
//controls 控制面板 ?autoplay 自動播放 都是成對出現(xiàn)的 ?loop=后面添加循環(huán)次數(shù)
<bgsound></bgsound>//引用音樂 ?這個寫在head里面，對整個頁面進行音樂播放
<video>//此處是對于特殊格式的一種寫法，寫在video里面
<soure src=".mp4"/>
<soure src=".ogg"/>
</video>
舉例：
<body>
//在標簽插入一個音效
//鼠標懸浮時：
<div id="dd" style="visibility:hidden"></div>//先寫一個隱藏標簽用作JS的引用
<div οnmοuseοver="bf()" οnmοuseοut="bf1()"></div>//在自己選擇調(diào)用音效的div標簽里面設置鼠標懸浮時
//調(diào)用js里面bf(),鼠標離開時調(diào)用bf1()
</body>
</html>
<script>
function bf()
{
var a=document.getElementById("dd")/*首先先用變量a獲取到id為"dd"的標簽*/
a.innerHTML="<video src=' .mp3' autoplay='autoplay' 'loop'='1'></video>"/*然后將獲取到標簽的a直接點到HTML里面，后面寫上插入的音樂信息，文件名.mp3 執(zhí)行自動播放 只循環(huán)一次，注意loop一定加引號*/
}
function bf1()/*再寫一個函數(shù)，用來鼠標離開時調(diào)用*/
{
var b=document.getElementById("dd")/*首先先用變量b獲取到id為"dd"的標簽*/
b.innerHTML=""/*因為這個函數(shù)是用來鼠標離開時停止音樂播放使用，所以里面沒有填寫內(nèi)容*/
}
</script>
?
插入視頻：
<embed></embed>
<video></video>
//這是HTML5的寫法，目前只支持三種格式：
HTML5?規(guī)定了一種通過?video?元素來包含視頻的標準方法。當前，video?元素支持三種視頻格式：? Ogg?=?帶有?Theora?視頻編碼和?Vorbis?音頻編碼的?Ogg?文件? MPEG4?=?帶有?H.264?視頻編碼和?AAC?音頻編碼的?MPEG?4?文件? WebM?=?帶有?VP8?視頻編碼和?Vorbis?音頻編碼的?WebM?文件??Internet?Explorer?8?不支持?video?元素。在?IE?9?中，將提供對使用?MPEG4?的?video?元素的支持。?所以在使用此方法插入視頻時要注意自己的視頻文件是否符合支持的格式，否則將會法正常播放，
在下載視頻時主要下載格式，如果已經(jīng)下載了其他格式，可對視頻文件進行轉(zhuǎn)換格式，以便于使用
舉例：
<video src="文件名.mp4" controls="controls" autoplay="autoplay" "loop"="1" width="500px"></video>
//引用一個MP4格式的視頻文件，自動播放，只播放一次，寬度500像素，注意，設置顯示界面大小只需要設置一個值，就會按照比例縮放
轉(zhuǎn)載于:https://www.cnblogs.com/zyg316/p/5540686.html
總結
以上是生活随笔為你收集整理的关于网页的一些小知识点的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 115开jiang监控
- 下一篇： Web 之困 现代Web应用安全指南一本