HTML网页插入视频并自动播放代码

autoplay

loop="loop"

muted=""

playsinline=""

webkit-playsinline=""

x5-playsinline=""

x5-video-player-type="h5"

x5-video-orientation="portrait"

style="width:100%;height:auto;display:block;"

controls=""

controlslist="nodownload">

您的浏览器不支持HTML5视频，请尝试更新浏览器。

说明：

1.自动播放功能的视频代码（兼容多浏览器）

····autoplay：启用自动播放（不需要可直接删掉）

···· muted：静音状态（现代浏览器要求必须静音才能自动播放）

···· playsinline系列：确保在移动端内联播放

···· loop=“loop” （自动播放，不需要可删除）

····多个playsinline相关属性 - 确保在移动端浏览器中内联播放

····x5-*系列属性 - 针对腾讯X5内核浏览器的特殊设置

2.兼容性优化：

····保留了控制条(controls)方便用户操作

·····使用controlslist="nodownload"隐藏下载按钮

3.注意事项：

····iOS Safari可能需要用户交互后才能播放（即使设置了autoplay）

····部分安卓浏览器可能仍需要用户点击才能播放

····当浏览器不支持HTML5视频时显示"您的浏览器不支持HTML5视频…"的提示

5.如需插入视频封面可增加以下代码 。(兼容移动端（playsinline）和腾讯X5内核)

poster="https://yyscha.cn/这段改为实际地址.png"

onplay="this.style.objectFit=''"