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

问题描述 投票:0回答:1

为什么当 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 或刷新后立即自动播放。

javascript html dom video
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.