有没有办法只使用 javascript 下载视频在视频标签中？

Question

我正在尝试在 html 的 TAG 视频中嵌入视频并下载它，而无需单击 javascript 的下载按钮。有没有办法实现这一点，或者 API 不支持它？

这是我有视频标签和下载按钮的图像（我想用 javascript 触发该功能）代码： https://codepen.io/ZetaGH/pen/WNNOxNo

// HTML
<html>
  <body>
    <video src="https://firebasestorage.googleapis.com/v0/b/speech-to-text-web.appspot.com/o/dataset%2FAbuse%2Fabusar_x264_0.mp4?alt=media&token=e84607c8-ba77-4c81-99a4-bd42d29cc869" controls></video>
  </body>
</html>

//JS
// I want here some functionality to trigger the download button in the video player

Answer 1

你不需要 JS。

但是您可能需要重新考虑它； 如果您使用下载链接掩盖视频，则无法播放视频，如下所示：

 a, video { position: relative; display: block; width: 800px; height: 600px; } a { margin-top: -600px; z-index: 1; }

 <body> <video src="https://firebasestorage.googleapis.com/v0/b/speech-to-text-web.appspot.com/o/dataset%2FAbuse%2Fabusar_x264_0.mp4?alt=media&token=e84607c8-ba77-4c81-99a4-bd42d29cc869" controls></video> <a href="/download/video/url" download></a> </body>

当然，您可以使链接仅覆盖顶部，以便控件可用，但随后有人会在具有不同控件的不同浏览器中使用它，您将阻止这些（通常单击视频意味着播放按钮，因此如果下载，用户会非常恼火。

这在很大程度上属于不要尝试更改本机用户体验的类别，因为您无法预测您的网站可能显示的每种设备类型和用户期望。

在谷歌浏览器中，您只需将视频放在下载链接中即可获得您想要的行为； 当您单击视频而不是控件时，它足够聪明地下载。 但是，例如，在 firefox 中，它只是完全忽略了<a>标记。

<a href="/download/video/url" download>
    <video src="https://firebasestorage.googleapis.com/v0/b/speech-to-text-web.appspot.com/o/dataset%2FAbuse%2Fabusar_x264_0.mp4?alt=media&token=e84607c8-ba77-4c81-99a4-bd42d29cc869" controls></video>
</a>

有没有办法只使用 javascript 下载视频在视频标签中？

问题描述

1 个解决方案

解决方案1
1 2019-10-26 00:05:39

有没有办法只使用 javascript 下载视频**在视频标签**中？

问题描述

1 个解决方案

解决方案1 1 2019-10-26 00:05:39

有没有办法只使用 javascript 下载视频在视频标签中？

解决方案1
1 2019-10-26 00:05:39