在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ js如何動態(tài)加載video視頻?

js如何動態(tài)加載video視頻?

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

怎么樣點擊圖片時，播放對應(yīng)的視頻

回答
編輯回答
尤禮
document.querySelectorAll('img[data-url]').forEach(item => {
    item.addEventListener('click', (img) => {
        document.getElementById('myvideo').src = img.getAttribute('data-url')
    })
})
2017年11月22日 14:26