首页 前端知识 html实现网页插入音频

html实现网页插入音频

2024-09-08 02:09:39 前端知识 前端哥 645 746 我要收藏

前言

欢迎来到我的博客

个人主页:北岭敲键盘的荒漠猫-CSDN博客

本文主要介绍html中

如何插入音乐和视频

 视频插入

标签:<video></video>

兼容格式:mp4,因为别的浏览器都有不兼容的格式,唯一对mp4全都兼容。所以尽量使用mp4格式。

属性:

属性属性值作用
autoplayautoplay自动播放(谷歌必须添加muted才能自动播放)
widthpx设置播放器宽度
heightpx设置播放器高度
looploop循环播放
controlscontrols显示播放的控制按钮
src地址视频资源位置
mutedmuted静音播放
preload

auto(早加载视频)

none(慢加载)

用来提高网页加载速度优化体验的
posterimgurl加载等待画面的图片

音频插入

标签:<audio></audio>

兼容描述:mp3格式所有浏览器都兼容,尽量用mp3模式的音频。

属性:

但是也会遇到浏览器禁止播放的问题,因为谷歌不让进去自己播放,咱总不能给音乐一个静音播放吧。

总结

这个确实是比较简单,就俩标签,我就不上案例了,写两下就会了。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17892.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!