天天看點

html5如何自動切換圖檔,HTML5 切換播放的video,圖檔切換

1.圖檔切換

//将img中src修改後圖檔就将修改

//H5

html5如何自動切換圖檔,HTML5 切換播放的video,圖檔切換

//JS

var img = document.getElementById("img");

img.setAttribute("src", "img/2.jpg");

2.video播放的視訊仿照圖檔進行切換--失敗

//1.仿照圖檔切換,修改後播放的視訊沒有改變

//H5

//JS

document.getElementById("videoPlaySrc").setAttribute("src", "320x240.ogg");

document.getElementById("videoPlaySrc").setAttribute("type", "video/ogg");

document.getElementById("video").play();

3.video下一個成功

//H%

//JS 直接給video的src指派,就可以改變要播放的視訊

document.getElementById("video").src="320x240.ogg";

總結:

1.video播放的視訊是它自己屬性中的src,不是它的子元素中的第一個中的内容。

2.document擷取到标簽後能直接修改标簽的屬性,并及時的回報到顯示的頁面中。

原文:https://www.cnblogs.com/liuyj-vv/p/9517712.html