html多媒体标签-video、marquee、audio

video语法:

<video src="视频地址"> </video>
示例:
<video src="sdff.mp4" controls="controls" width="700px" height="500px" autoplay loop></video>
<video>标签支持三种视频格式:MP4、WebM、Ogg,国内主要是MP4。

支持的属性:
属性 描述
autoplay 如果出现此属性,则视频就绪后马上播放
height 设置视频播放器的高度
loop 表示多媒体文件完成播放后会再次开始播放
width 设置视频播放器的宽度
controls 表示将显示视频控件,如播放按钮等

marquee语法:

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

常用的事件:

<marquee onMouseOut="this.start()" onMouseOver="this.stop()"> </marquee>
onMouseOut="this.start()" 鼠标移出该区域时
onMouseOver="this.stop()" 鼠标移入该区域时

支持的属性:

1、direction:表示文字滚动方向,滚动方向可以包含4个值,分别是up、down、left和right,分别表示文字向上、向下、向左、向右滚动,默认值是left。
2、scrollamount:表示文字滚动速度。
3、behavior:表示文字滚动方式:

  • scroll:表示循环滚动,默认效果
  • slide:之滚动一次即停止
  • alternate:来回交替滚动
    4、bgcolor:设置背景颜色
    5、height:设置活动字幕的高度
    6、width:设置活动字幕的宽度
    7、loop:设置滚动的次数,loop=-1时会一直滚动下去,默认为-1;loop=3表示只滚动三次
    8、scrolldelay:设置字幕滚动两次之间的延迟时间,单位(毫秒)

audio语法:

<audio src="音频地址" controls="controls"> <audio>

常用属性:
属性 描述
controls 用户显示的空间,如:播放按钮等
autoplay 音频就绪后自动播放
loop 循环播放
preload 音频在页面加载时进行加载,并预备播放
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。