如何將下載視頻按鈕添加到HTML5播放器？

Question

我正在這個網站上工作： http : //animevid-episode.webflow.io/

我想讓用戶可以下載我放入播放器中的視頻。 您知道如何向此播放器或任何其他通用HTML5視頻播放器添加“下載視頻”按鈕嗎？

實際上，我只能在Google上找到有關下載視頻的工具以及如何防止下載的信息。 我想JavaScript可以實現，但實際上找不到方法。 歡迎任何建議或技巧。

Answer 1

也許：

<video id="Video1" >
     <source src="something.ogv" type="video/ogg" />
     HTML5 Video is required for this example. 
     <a href="something.ogv">Download the video</a> file. 
</video>

Answer 2

 <video id="V1" > <source src="filename.mp4" type="video/mp4" /> HTML5 Video . <a href="filename.mp4" download>Download video</a> . </video> 

Answer 3

 <video control> <source src="https://gcs-vimeo.akamaized.net/exp=1560754230~acl=%2A%2F1361268216.mp4%2A~hmac=d30db59f387628f38a3f9e7a74f2d359a29093b7c6cedf8a69ec2cdbe3e6cc88/vimeo-prod-skyfire-std-us/01/3225/13/341126404/1361268216.mp4" type="video/mp4" /> HTML5 Video . <a href="https://gcs-vimeo.akamaized.net/exp=1560754230~acl=%2A%2F1361268216.mp4%2A~hmac=d30db59f387628f38a3f9e7a74f2d359a29093b7c6cedf8a69ec2cdbe3e6cc88/vimeo-prod-skyfire-std-us/01/3225/13/341126404/1361268216.mp4" download>Download video</a> . </video>