2015-12-09 275 views
4

嗨我有HTML5的視頻標籤,我想給用戶一個「下載」按鈕,用戶可以點擊並下載該視頻。 我知道用戶可以通過右鍵點擊瀏覽器下載視頻,但我想在我的按鈕上提供此功能。使用Javascript下載HTML5 mp4視頻

我使用簡單的代碼

$('submit').click(function() { 
    window.location.href = 'myvideo.mp4'; 
}); 

但它重定向我的視頻網址不顯示下載,我想彈出。

感謝

+2

你可以使用t他下載屬性,但在所有瀏覽器中都不支持。如果你想確保無處不在,你必須在服務器端設置正確的頭文件。 – pvg

回答

2

HTML5的瀏覽器現在允許你在download屬性添加到<a>標籤在你的DOM實現這一目標。你不能在純JavaScript中做到這一點。

來源:https://stackoverflow.com/a/6794432/5203655

但是,如果你有機會獲得服務器響應,那麼在PHP中,你可以做類似

<?php 
header('Content-type: application/octet-stream'); 
readfile('myvideo.mp4'); 

希望這有助於
肖恩

1

你可以使用這個:

$('submit').click(function() { 
    $('<a/>',{ 
    "href":"The/video/src/path", 
    "download":"video.mp4", 
    id:"videoDownloadLink" 
    }).appendTo(document.body); 
    $('#videoDownloadLink').get(0).click().remove(); 

});