音频,视频播放

音频播放

作用:引入外部音频,默认下用户不能控制播放停止

<audio src="./source/爸爸妈妈-李荣浩.mp3" controls="" autoplay="" ></audio>

属性:

  • src----音频的地址

  • controls----显示播放器的图标,用户可以自主控制音乐的播放
    在这里插入图片描述

  • autoplay----进入页面自动播放音频文件(大部分游览器不支持此属性)

  • loop-----音乐重复播放

audio设置兼容性(支持IE8)

这种写法与上边的功能是相同的,但是游览器的兼容性好

<audio controls>
    对不起,你的游览器版本过低,亲升级您的浏览器重试!
	<source src="./source/爸爸妈妈-李荣浩.mp3" >
	<source src="./source/爸爸妈妈-李荣浩.ogg">//.mp3和ogg格式浏览器自持哪个用哪个
</audio>

代码解读:
先加载audio标签,然后选择支持的音频格式进行使用,不会重复使用
如果不支持audio标签,输出那句话

<audio controls>
	<source src="./source/爸爸妈妈-李荣浩.mp3" >
	<source src="./source/爸爸妈妈-李荣浩.ogg">//.mp3和ogg格式浏览器自持哪个用哪个
	<embed  src="./source/爸爸妈妈-李荣浩.mp3" type="爸爸妈妈-李荣浩.mp3" width="300px" height="100px">
		//embed是老版本浏览器的标签,用来引入音视频的 type需要指定一下子
</audio>

代码解读:
原理同上边一样,就是加上了低版本的embed,几乎所有浏览器都兼容了

视频播放

使用方法与音频的一样

访问别人的服务器播放视频
在这里插入图片描述

分享👉复制通用代码
<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=k0034dwc39m" allowFullScreen="true"></iframe>
(缺点,有别的服务器的loge)
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值