如何从javascript/angular触发html5视频标签下载事件

我们目前正在使用HTML5

video

标签在我们的网站上显示一段视频，如果用户希望保留该视频以备将来使用，应该可以下载该视频。HTML5

video

标签提供了下载视频的默认选项（在图像中以黑色边框标记），但是，我们需要提供额外的控件，以允许用户进行下载（在图像中以红色边框标记）

---

有没有办法触发html5视频用于从javascript/angular下载的事件？

您可以使用文件保护程序模块下载blob文件

---

您可以使用文件保护程序模块下载blob文件

---

经过一点研究，我找到了一个解决方案，但需要创建一个链接而不是按钮来使其工作。您只需指向该链接中的视频资源，在新选项卡/窗口中打开它，并向其添加

下载
属性：

<a href="https://example.com/link-to-res.mp4" target="_blank" download>dl link</a>

希望这能帮助解决您的问题。
经过一点研究，我找到了一个解决方案，但需要创建一个链接，而不是按钮来让它工作。您只需指向该链接中的视频资源，在新选项卡/窗口中打开它，并向其添加
下载
属性：

<a href="https://example.com/link-to-res.mp4" target="_blank" download>dl link</a>

希望这能帮助解决您的问题。
我尝试了第一种方法，但是当我单击链接时，它会将其打开到新选项卡中。已使用代码您的浏览器不支持视频标记的视频元素。“target=“\u blank“下载>链接第二种方法也打开了一个新的标签，并显示了页面中间的视频。未直接下载视频。@Ketu如果您试图从与原始URL不同的站点下载视频，可能会出现问题。根据这里提到的变化：没有办法从跨来源下载（我假设您使用的是Chrome）。哦，这太糟糕了。如果我选择3个垂直点并在结果菜单中选择下载选项，视频将下载。我想知道是否有一种方法可以使用javascript触发此下载事件。我尝试了第一种方法，但是当我单击链接时，它会将其打开到新选项卡。已使用代码您的浏览器不支持视频标记的视频元素。“target=“\u blank“下载>链接第二种方法也打开了一个新的标签，并显示了页面中间的视频。未直接下载视频。@Ketu如果您试图从与原始URL不同的站点下载视频，可能会出现问题。根据这里提到的变化：没有办法从跨来源下载（我假设您使用的是Chrome）。哦，这太糟糕了。如果我选择3个垂直点并在结果菜单中选择下载选项，视频将下载。我想知道是否有一种方法可以使用javascript触发这个下载事件。我也发现了文件保护程序的cors问题。视频下载如果我选择3个垂直点并在结果菜单中选择下载选项，我将检查启用cors是否会改变某些内容，并允许我下载视频。我也在文件保护程序中遇到cors问题。视频下载如果我选择3个垂直点并在结果菜单中选择下载选项，我将检查启用cors是否会改变某些内容，并允许我下载视频。