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