是否有任何方法可以仅使用JavaScript来下载视频**视频标签中的视频**

问题描述 投票：-1回答：1

[我试图将视频嵌入html的TAG视频中，然后仅使用javascript而不单击下载按钮来下载它。是否有任何方法可以实现该目的，或者API不支持它？

Here's the image where I have the video tag and the download button (I want to trigger that functionality just with 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
javascript html dom
1个回答
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>

当然，您可以使链接仅覆盖顶部，因此控件是可用的，但是随后有人会在具有不同控件的其他浏览器中使用它，并且您会屏蔽这些控件（通常单击视频是为了播放按钮，因此下载后用户会非常恼火。

这严重属于不要尝试更改本机UX的类别，因为您无法预测站点可能显示的每种设备类型和用户期望。

在Google chrome中，只需将视频放入下载链接即可获得所需的行为；单击视频而不是控件时，它足够聪明以进行下载。但是，例如在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>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.