嗨我有HTML5的視頻標籤,我想給用戶一個「下載」按鈕,用戶可以點擊並下載該視頻。 我知道用戶可以通過右鍵點擊瀏覽器下載視頻,但我想在我的按鈕上提供此功能。使用Javascript下載HTML5 mp4視頻
我使用簡單的代碼
$('submit').click(function() {
window.location.href = 'myvideo.mp4';
});
但它重定向我的視頻網址不顯示下載,我想彈出。
感謝
嗨我有HTML5的視頻標籤,我想給用戶一個「下載」按鈕,用戶可以點擊並下載該視頻。 我知道用戶可以通過右鍵點擊瀏覽器下載視頻,但我想在我的按鈕上提供此功能。使用Javascript下載HTML5 mp4視頻
我使用簡單的代碼
$('submit').click(function() {
window.location.href = 'myvideo.mp4';
});
但它重定向我的視頻網址不顯示下載,我想彈出。
感謝
HTML5的瀏覽器現在允許你在download
屬性添加到<a>
標籤在你的DOM實現這一目標。你不能在純JavaScript中做到這一點。
來源:https://stackoverflow.com/a/6794432/5203655
但是,如果你有機會獲得服務器響應,那麼在PHP中,你可以做類似
<?php
header('Content-type: application/octet-stream');
readfile('myvideo.mp4');
希望這有助於
肖恩
你可以使用這個:
$('submit').click(function() {
$('<a/>',{
"href":"The/video/src/path",
"download":"video.mp4",
id:"videoDownloadLink"
}).appendTo(document.body);
$('#videoDownloadLink').get(0).click().remove();
});
你可以使用t他下載屬性,但在所有瀏覽器中都不支持。如果你想確保無處不在,你必須在服務器端設置正確的頭文件。 – pvg