video标签如何默认播放音频

aeyizhan

[HTML] 纯文本查看 复制代码

    <video id="video" autoplay="autoplay" muted="false" poster="封面" playsinline webkit-playsinline data-setup="{}" controls preload="auto" style="width:688px;height:386px;border-radius: 8px;"><source src="视频地址" type="video/mp4" controls volume="0.5"></video>

有如上视频播放代码！可以实现视频播放但是每次播放都是静音状态，要手动点开音量，有办法默认就有声音嘛




补充内容 (2023-11-24 00:16):
        <video id="video" autoplay="autoplay" muted="false" poster="/uploads/allimg/200617/1-20061H32J4422.jpg" playsinline webkit-playsinline data-setup="{}" controls preload="auto" style="width:688px;he...

cmaks

貌似没用，哪怕是JS自动调用；浏览器都会禁止没有经过用户交互播放声音...;只能视频静音播放

要么在JS中加个事件监听，当点击页面后；即播放声音...

[HTML] 纯文本查看 复制代码

<video id="myVideo"  autoplay="autoplay" muted="false" src="http://localhost/1/music/5555.mp4"></video>

<script>
document.body.addEventListener('click', function () {
    var video = document.getElementById('myVideo');
    video.muted = false;
    video.play();
});
</script>

补充内容 (2023-11-24 10:40):
上面的video在页面载入会自动静音播放，点击页面会 有声音播放；可以在页面载入时提示下“为减少打扰，页面已静音播放，点击后恢复”

蛀牙

muted="false"  删掉，   后边 volume="0.5" 0.5改1.0 试试

aeyizhan

蛀牙 发表于 2023-11-24 00:29
muted="false"  删掉，   后边 volume="0.5" 0.5改1.0 试试

是可以，但是又不自动播放了

蛀牙

aeyizhan 发表于 2023-11-24 00:32
是可以，但是又不自动播放了

autoplay="true" 试试

aeyizhan

蛀牙 发表于 2023-11-24 00:34
autoplay="true" 试试

加了也不行

蛀牙

给video标签加上 muted 属性可以自动播放，但需要注意的是： 谷歌浏览器和火狐浏览器  不支持非静音自动播放！

补充内容 (2023-11-24 00:37):
而且移动端浏览器也大多数禁用自动播放

Sin3973

<script>
    document.getElementById('vid').play();
</script>

对于不支持的自动播放的浏览器，强行用js让它播放。

雨落无声

这个和浏览器默认策略有关系！如果随意就能自动播放而且带有声音，比如你打开某个网站突然播放视频而且有声音，就会突然吓一跳！所以大部分浏览器video元素都是默认静音自动播放！！可以在页面加载完成使用js控制音量或者自动播放！