XMLHttpRequest加載視頻文件2進制數據流到客戶端，并使用video控件播放。結合XMLHttpRequest Level 2特性，可以使用XMLHttpRequest對象接受服務器端返回的2進制數據流，然后使用生成blob對象，URL.createObjectURL生成文件引用路徑賦值給video標簽即可播放。

XMLHttpRequest加載視頻并播放源代碼如下

protected void Page_Load(object sender, EventArgs e)

{

if (Request.QueryString["op"] == "read")

{

Response.ContentType = "video/mp4";

Response.BinaryWrite(File.ReadAllBytes(Server.MapPath("2.mp4")));

Response.End();

}

}

function loadVideo() {

var xhr = new XMLHttpRequest();

xhr.open('post', '?op=read');

xhr.responseType = 'blob';//注意，要設置這個請求頭，自己看下面列出的XMLHttpRequest Level 2內容介紹

xhr.onreadystatechange = function () {

if (4 == xhr.readyState) {

if (200 == xhr.status) {

var blob = new Blob([xhr.response], { type: 'video/mp4' });

v.src = URL.createObjectURL(blob);

}

else alert(xhr.status + '\n' + xhr.responseText)

}

}

xhr.send(null);

}

參考：

加支付寶好友偷能量挖...

2017-8-15Web開發網

總結

以上是生活随笔為你收集整理的ajax视频播放,XMLHttpRequest加载视频并播放的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。