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')

    })

})