HTML5 video(视频)audio(音频)添加

HTML5视频(video)

video标签概述:
1.src-----------规定要播放视频的URL地址
2.poster--------视频加载时显示的图像或者点击播放按钮前显示的图像
3.preload-------定义视频是否预加载
属性有3个可选择的值<1.>none<2.>metadata<3.>auto
默认为:auto
●none :当页面加载后不载入视频;
●metadata : 当页面加载后只载入元数据
●auto : 当页面加载后再入整个视频
4.autoplay属性---------设置视频是否自动播放
用法:< video src=“xxxx.mp4” autoplay=“autoplay” > < /video>
5.controls属性:-----向用户显示控件,控制栏包括暂停控制,播放进度控制,音量控制等。
6.width,height-----------设置播放器的宽度和高度

注:
如果想要链接不同的视频文件可以用(source元素)
示例:

<video> autoplay>
<source src="xxxx.mp4" type="video/mp4">
<source src="xxxx.wav" type="video/webm">
<source src="xxxx.ogg" type="video/ogg">
<video>

src-------用于指定地址
type-------说明媒体的类型
media——用于说明媒体在何种媒介中使用,默认为all

HTML5音频(audio)

audio和video元素非常类似在这里不做过多的赘述。
注:
1.audio标记中如果不包含controls属性,audio播放器不会出现在页面上
2.audio元素的play()方法可以实现打开网页自动播放并且不显示界面。

后面可能会有补充。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值