19.多媒体标签

1.多媒体标签

<video src="">    </video>

 ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。

<video> 元素支持三种视频格式: .MP4, .WebM, 和.ogg:


<audio src=""></audio>

        音频文件必须是 MP3 或 Wav 类型 mpeg。

    <video  controls="controls" autoplay="autoplay">

            <source src="video/movie.ogg" type="video/ogg" >

            <source src="video/movie.webm" type="video/webm">

            <embed src="video/oceans.mp4" > </embed> 

    </video>

2.多媒体属性

1.controls属性:如果出现该属性,则向用户显示控件,比如播放按钮。

2.autoplay属性:如果出现该属性,则视频在就绪后马上播放。

3.loop属性:重复播放属性。

4.muted属性:静音属性。

5.poster属性:规定视频正在下载时显示的图像,直到用户点击播放按钮。

6.source

<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。

 <source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

 Type属性值: 用于视频:video/ogg  video/mp4    video/webm 用于音频:audio/ogg  audio/mpeg


2.Video视频文件



3.Video支持的格式


4.Audio音频文件

<audiosrc="someaudio.mp3">您的浏览器不支持 audio 标签。

 </audio>定义音频,比如音乐或其他音频流

提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容