关于网页的一些小知识点

插入音效:

<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的写法,目前只支持三种格式:

 HTML5 规定了一种通过 video 元素来包含视频的标准方法。当前,video 元素支持三种视频格式: 
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件  Internet Explorer 8 不支持 video 元素。在 IE 9 中,将提供对使用 MPEG4 的 video 元素的支持。 

所以在使用此方法插入视频时要注意自己的视频文件是否符合支持的格式,否则将会法正常播放,

在下载视频时主要下载格式,如果已经下载了其他格式,可对视频文件进行转换格式,以便于使用

举例:

<video src="文件名.mp4" controls="controls" autoplay="autoplay" "loop"="1" width="500px"></video>

//引用一个MP4格式的视频文件,自动播放,只播放一次,宽度500像素,注意,设置显示界面大小只需要设置一个值,就会按照比例缩放

原文地址:https://www.cnblogs.com/zyg316/p/5540686.html