关于网页的一些小知识点
Posted 小飛
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于网页的一些小知识点相关的知识，希望对你有一定的参考价值。
插入音效：
<audio src=" .mp3"></audio>
<video src="‘ .mp3‘ controls=‘controls‘ autoplay=‘autoplay‘ ‘loop‘=‘1‘"></video>
//controls 控制面板 autoplay 自动播放 都是成对出现的 loop=后面添加循环次数
<bgsound></bgsound>//引用音乐 这个写在head里面，对整个页面进行音乐播放
<video>//此处是对于特殊格式的一种写法，写在video里面
<soure src=".mp4"/>
<soure src=".ogg"/>
</video>
举例：
<body>
//在标签插入一个音效
//鼠标悬浮时：
<div id="dd" style="visibility:hidden"></div>//先写一个隐藏标签用作JS的引用
<div onmouseover="bf()" onmouseout="bf1()"></div>//在自己选择调用音效的div标签里面设置鼠标悬浮时
//调用js里面bf(),鼠标离开时调用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 执行自动播放 只循环一次，注意loop一定加引号*/
}
function bf1()/*再写一个函数，用来鼠标离开时调用*/
{
var b=document.getElementById("dd")/*首先先用变量b获取到id为"dd"的标签*/
b.innerHTML=""/*因为这个函数是用来鼠标离开时停止音乐播放使用，所以里面没有填写内容*/
}
</script>
插入视频：
<embed></embed>
<video></video>
//这是HTML5的写法，目前只支持三种格式：
所以在使用此方法插入视频时要注意自己的视频文件是否符合支持的格式，否则将会法正常播放，
在下载视频时主要下载格式，如果已经下载了其他格式，可对视频文件进行转换格式，以便于使用
举例：
<video src="文件名.mp4" controls="controls" autoplay="autoplay" "loop"="1" width="500px"></video>
//引用一个MP4格式的视频文件，自动播放，只播放一次，宽度500像素，注意，设置显示界面大小只需要设置一个值，就会按照比例缩放
以上是关于关于网页的一些小知识点的主要内容，如果未能解决你的问题，请参考以下文章