基本用法
<body>
<video src="piano.mp4"
autoplay = "autoplay" controls="controls"
poster="../static/img/arkit1.jpeg"
type="video/mp4">
</video>
</body>
看着是挺简单的
属性
-
src用于告诉video标签需要播放的视频地址 -
autoplay用于告诉video标签是否需要自动播放视频 -
controls用于告诉video标签是否需要显示控制条 -
poster用于告诉video标签视频没播放之前的占位图 -
loop一般用于做广告视频，其实就是视频是否循环播放 -
preload预加载视频，但是该属性和autoplay相冲 -
muted静音 -
width宽度 -
height高度
格式2
<video>
<source src="piano.mp4" type="video/mp4"> </source>
<source src="piano.mp4" type="video/mp4"> </source>
</video>
由于浏览器厂商都不愿意支持别人的视频格式，所以当我们需要支持多种浏览器播放的时候，就需要通过上面的方式来指定多种格式，浏览器播放的时候会自动去选中一种合适的格式
audio
audio和video标签在格式上一样，video中能够使用的属性在audio中大部分都能使用，并且功能都一样，只不过有三个属性不能使用，height、width、poster
marquee标签
跑马灯效果
//跑马灯效果 虽然不是W3C支持的 但是各大浏览器厂商支持的很好
<marquee direction = "up" scrollamount = 10 loop = 1 >
dddddd
</marquee>
<marquee direction = "up" scrollamount = 10 behavor = "slide" >
dddddd
</marquee>
<marquee direction = "right" scrollamount = 10 behavor = "alternate" >
dddddd
</marquee>
direction:滚动方向，left、right 、up、down
scrollamout:设置滚动速度，值越大越快
loop:设置滚动次数，默认-1，即无限滚动
behavior:设置滚动类型，slide滚动到边界就停止，alternate滚动到边界就弹回
网友评论