HTML5插入视频音频的方式

1. 插入视频

1>
如果文件过大,我们可以选择将视频传送到优酷、腾讯等APP中,在APP中找到想要的视频,点击分享,会出来如下图所示的,点击复制Html代码,直接复制到我们的代码中就可以了。
这里写图片描述
2>
如果文件不大时,由于我们的浏览器支持不同种文件所以,我们要将三种形式都写上,电脑按顺序识别,第一个不行,就第二个,以此类推,有些老的浏览器三种形式都不支持,我就只能告诉用户“您的浏览器不支持视频播放”。
这里写图片描述<video controls autoplay>
<source src="名字.mp4"/>
<source src="名字.ogg"/>
您的浏览器不支持视频播放
</video>

controls控制视频的音量,和播放进度,aoyoplay默认播放视频
2. 插入音频
跟我们插入视频文件小时差不多,浏览器支持的三种声音文件如下图所示![这里写图片描述]
这里写图片描述 <audio autoplay controls loop>
<source src="名字.mp3">
<source src="名字.wav">
<source src="名字.ogg">
您的浏览器不支持HTML音频播放功能
</audio>

音频播放比视频播放多了一个loop,当loop=”3”是,就是播放两遍。以此类推,当只写loop是默认无限循环播放

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值