HTML5中的多媒体标签的使用

在HTML5中嵌入视频

1、视频格式

 2、视频标签的用法

<video src="视频文件路径" controls="controls"></video> 

属性	值	描述
autoplay	autoplay	当页面载入完成后自动播放视频。
loop	loop	视频结束时重新开始播放。
preload	preload	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
poster	url	当视频缓冲不足时，该属性值链接一个图像，并将该图像按照一定的比例显示出来。

<video muted src="../video/mailang.webm"  autoplay="autoplay" loop >
浏览器不支持video标签
</video>
      

在HTML5中嵌入音频

 1.音频文件

 <audio src="音频文件路径" controls="controls"></audio>

属性	值	描述
autoplay	autoplay	当页面载入完成后自动播放音频。
loop	loop	音频结束时重新开始播放。
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。

<audio muted src="../music/mailang.mp3" autoplay="autoplay" loop></audio>

 在网页中调用多媒体文件的方法主要有两种：

•调用本地多媒体文件

•调用指定url地址的互联网多媒体文件

滚动标签 

1.文字滚动：

<marquee direction="滚动方向" behavior="滚动方式" scrollmount="滚动速度">文字</marquee>

 direction属性的取值：
        left：默认值,向左滚动
        right: 向右滚动
        up：向上滚动
        down：向下滚动 

---

behavior属性的取值：
        scroll：默认值,循环滚动
        slide：只滚动一次,不重复滚动

---

width、height：设置滚动范围

<marquee direction="down">
    <h1>西安邮电大学</h1>
</marquee>

2.图片的滚动：

<marquee behavior="scroll" direction="" scrollmount="1000">
        <img src="../images/3.png" width="300" height="160">
        <img src="../images/4.png" width="300" height="160">
        <img src="../images/5.png" width="300" height="160">
</marquee>