Загрузить видео с автозапуском в html

почему, когда DOM загрузился или обновился, видео, для которого мы установили автовоспроизведение и зацикливание, не будет воспроизводиться автоматически?

если это асинхронный процесс? поэтому я добавил этот код 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.