js播放視頻代碼（js播放視頻代碼大全）

本文目錄一覽：

• 1、如何用JS控制多個視頻的連續播放
• 2、js 代碼實現視頻進度條點到哪個位置就播放那個位置的視頻。進度條是用css樣式另做的。
• 3、js控制視頻播放
• 4、如何用html和js寫視頻播放切換
• 5、用js控制video的src
• 6、網頁中視頻自動播放的代碼

如何用JS控制多個視頻的連續播放

window.onload=function(){

var str = ‘${vedioStr}’; //所要播放視頻的路徑組

var strList = str.split(“X”); //要循序播放的路徑組字符串轉換成路徑數組

var i=0;

var len = strList.length;

if( strList[i] != null strList[i]!=” strList[i] !=’null’){

$(“#XX”).find(“OBJECT”).attr(“filename”, strList[i]); //設置視頻路徑為第一個路徑組路徑

}

window.setInterval(function(){ //每過0.5秒監控一下視頻是否正在播放，如果沒在播放則順序播放下一個視頻

if($(“#XX”).find(“OBJECT”).attr(“playState”)==0){ //判斷視頻的播放狀態不同player狀態不同

i++; //處理播放順序和for循環處理差不錯

if(i==len){

i=0;

}

if( strList[i] != null strList[i]!=” strList[i] !=’null’){

$(“#XX”).find(“OBJECT”).attr(“filename”, strList[i]); //如果當前播放完畢則播放下一個

}

}

}, 500); //每個0.5秒監控一下

}

js 代碼實現視頻進度條點到哪個位置就播放那個位置的視頻。進度條是用css樣式另做的。

我只說思路：

1。點擊位置時，要判斷點擊點的位置，所處進度條的百分比。

2.用這個百分比和時長相乘，

3.設置播放位置（currentTime）

4. 播放

js控制視頻播放

你視頻是什麼格式的？

你IIS裡面MIME類型未被添加。

添加方法是，你對你的站點點右鍵點屬性，然後點擊HTTP頭標籤，

下面有個MIME類型按鈕。單擊該按鈕。

像裡面添加MIME類型。

比如你的視頻文件是rmvb那麼擴展名填.rmvb

MIME類型填video/vnd.rn-realvideo

MIME類型 擴展名

video/x-ms-asf asf

video/mpeg mpeg mpg

video/x-msvideo avi

application/vnd.rn-realmedia rm

audio/x-pn-realaudio ram ra

audio/x-aiff aif aiff aifc

audio/mpeg mpga mp3

audio/midi mid midi

audio/wav wav

audio/x-ms-wma wma

video/x-ms-wmv wmv

這是其他常用的。

如何用html和js寫視頻播放切換

如果直接改變原有video 的 src 屬性無效，可以刪掉原有的video或者隱藏起來，新建一個 video 元素實現切換

用js控制video的src

1、首先需要新建一個html文件，命名為test.html，用於介紹如何使用JS控制video視頻的src。

2、在test.html頁面，使用button標籤創建四個按鈕，分別是播放/暫停、大、中、小，用於控制視頻的播放效果。同時，使用video標籤創建一個視頻。

3、給每個按鈕綁定onclick點擊事件，當按鈕被點擊時，分別執行相應的函數來控制視頻的播放效果。

4、使用document.getElementById()獲得視頻對象，創建“播放/暫停”的playPause()函數，使用play()方法控制視頻的播放，使用pause()控制視頻的暫停。

5、創建makeBig（）函數，當點擊”大”按鈕時，使視頻以寬度560px來播放視頻。

6、創建makeNormal()函數與makeSmall()函數，當點擊“中”按鈕時，使視頻以寬度420px來播放視頻，當點擊“小”按鈕時，使視頻以寬度320px來播放視頻。

7、在瀏覽器打開test.html文件，測試js控制視頻播放的效果無誤。

網頁中視頻自動播放的代碼

HTML5中的video和audio標籤中有一個autoplay屬性,添加這個屬性後就會在文件加載完成以後自動播放。具體代碼如下: video: audio。

構成

文字與圖片是構成一個網頁的兩個最基本的。

元素。你可以簡單地理解為：文字，就是網頁的內容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊鼠標右鍵，選擇菜單中的 “查看源文件” ，就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大小），而瀏覽器則對這些標記進行解釋並生成頁面。

於是就得到你現在所看到的畫面。 為什麼在源文件看不到任何圖片？ 網頁文件中存放的只是圖片的鏈接位置，而圖片文件與網頁文件是互相獨立存放的，甚至可以不在同一台計算機上。

網頁通常有以下元素：

文字資料圖像檔案Applet（在頁面內執行的副程式）超鏈結網頁的合成體為網站，一個網站的開始點為首頁。

記錄功能

當你每次上網時，都會在歷史記錄里留下記錄，並且被保存在瀏覽器的緩存文件夾里，刪除時只要右鍵刪除就可以了。

以上內容參考：百度百科-網頁