使用Javascript下載HTML5 mp4視頻

Question

嗨，我有HTML5的視頻標簽，我想給用戶一個“下載”按鈕，用戶可以點擊並下載該視頻。 我知道用戶可以通過右鍵點擊瀏覽器來下載視頻，但我想在我的按鈕上提供此功能。

我使用簡單的代碼

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

但它將我重定向到視頻網址沒有顯示我想要的下載彈出窗口。

謝謝

Answer 1

HTML5瀏覽器現在允許您將download屬性添加到<a>標簽以在DOM中實現此目的。 你不能在純JavaScript中這樣做。

資料來源： https ： //stackoverflow.com/a/6794432/5203655

但是，如果您可以訪問服務器響應，那么在PHP中您可以執行類似的操作

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

Answer 2

你可以用這個：

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

});

Answer 3

根據Meghans的回答：

header("Content-disposition: attachment; filename=" . basename($filename) .'"');
header('Content-type: application/octet-stream');
readfile($filename);`

謝謝，@ Meghan。 我復制並更改了你的代碼。