html实现网页插入音频

前言

欢迎来到我的博客

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

本文主要介绍html中

如何插入音乐和视频

视频插入

标签:<video></video>

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

属性:

属性 属性值 作用
autoplay autoplay 自动播放(谷歌必须添加muted才能自动播放)
width px 设置播放器宽度
height px 设置播放器高度
loop loop 循环播放
controls controls 显示播放的控制按钮
src 地址 视频资源位置
muted muted 静音播放
preload auto(早加载视频) none(慢加载) 用来提高网页加载速度优化体验的
poster imgurl 加载等待画面的图片

音频插入

标签:<audio></audio>

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

属性:

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

总结

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

相关推荐
社恐的下水道蟑螂15 分钟前
LangChain 进阶实战:从玩具 Demo 到生产级 AI 应用(JS/TS 全栈版)
前端·langchain·openai
Fairy要carry17 分钟前
项目01-手搓Agent之loop
前端·javascript·python
亲亲小宝宝鸭22 分钟前
Ctrl ACV工程师的提效之路:删掉项目中的冗余
前端
kyriewen25 分钟前
DOM树与节点操作:用JS给网页“动手术”
前端·javascript·面试
米饭同学i29 分钟前
基于腾讯云COS的小程序素材上传功能实现
前端·javascript·react.js
cxxcode29 分钟前
前端性能指标接入 Prometheus 技术方案
前端
辣椒炒代码29 分钟前
🚀 AI Agent 入门实战:基于 LangChain + MCP 构建智能导游助手
前端
ruanCat34 分钟前
前端工程化工具链从零配置:simple-git-hooks + lint-staged + commitlint
前端·git·代码规范
Jackson__1 小时前
AI时代,前端开发者到底还剩下什么?又该往哪里走?
前端·ai编程
C澒1 小时前
微前端容器标准化:容器标准化演进
前端·架构