js如何动态加载video视频?

Question

<video id="myvideo">
<source id="loadurl" src="12.mp4" type="video/mp4">
</video>

<--视频图片连接-->
<li><img scr="sdfsf.png" data-url="23.mp4" /></li>
<li><img scr="sdfsf.png" data-url="11.mp4" /></li>
<li><img scr="sdfsf.png" data-url="33.mp4" /></li>
<li><img scr="sdfsf.png" data-url="43.mp4" /></li>

怎么样点击图片时，播放对应的视频

Answer 1

document.querySelectorAll('img[data-url]').forEach(item => {
    item.addEventListener('click', (img) => {
        document.getElementById('myvideo').src = img.getAttribute('data-url')
    })
})