当我们加载或刷新 dom 时，自动播放视频

Question

为什么当 DOM 加载或刷新时，我们设置为自动播放和循环的视频不会自动播放，直到我们点击任何未设置任何 href 的标签？

如果这是一个异步过程？ 所以我添加了这段 JavaScript 代码来修复它，但这不起作用。 js代码：

const getVideo = async function () {
    const videoData = await fetch('./video/NEZAJA - Google Chrome 2024-03-05 12-46-49.mp4')
    const videoBlob = await videoData.blob()
    const videoURL = URL.createObjectURL(videoBlob)

    const noticeDivBott =  document.createElement('div')
    noticeDivBott.classList.add('notice-div-bott')
    noticeDivBott.innerHTML = 
    `
    <video class="video" style="border-radius: 30px;" autoplay loop width="380px">
    <source src='${videoURL}'  type="video/mp4" />
    Download the
    <a href="/media/cc0-videos/flower.webm">WEBM</a>
    or
    <a href="/media/cc0-videos/flower.mp4">MP4</a>
    video.
    </video>
    `
    return notice.appendChild(noticeDivBott)

}

getVideo()

我希望我在项目中添加的视频在加载 dom 或刷新后立即自动播放。

Answer 1

自动播放的视频必须静音，因此在视频标签内插入“静音”