Javascript html5:在视频控件中添加下载按钮
是否可以在chrome 55+等视频控件中添加下载按钮,以便在其他浏览器中实现Javascript html5:在视频控件中添加下载按钮,javascript,jquery,html,Javascript,Jquery,Html,是否可以在chrome 55+等视频控件中添加下载按钮,以便在其他浏览器中实现 如果可能的话,我如何添加它呢?总之,您需要根据视频的javascript API自己制作视频控制面板。有些库可能会成为一个良好的开端,例如etc 自定义视频控件时,可以使用 以下是一些详细说明: 对于的控件属性,不能自定义其UI。不幸的是,在中,“下载按钮”不在控件的“应包括功能”列表中: 如果属性存在,或者如果禁用了媒体元素的脚本,则用户代理应向用户公开用户界面。此用户界面应包括以下功能:开始播放、暂停播放、搜
如果可能的话,我如何添加它呢?总之,您需要根据视频的javascript API自己制作视频控制面板。有些库可能会成为一个良好的开端,例如etc 自定义视频控件时,可以使用
以下是一些详细说明:
对于
的控件
属性,不能自定义其UI。不幸的是,在中,“下载按钮”不在控件的“应包括功能”列表中:
如果属性存在,或者如果禁用了媒体元素的脚本,则用户代理应向用户公开用户界面。此用户界面应包括以下功能:开始播放、暂停播放、搜索内容中的任意位置(如果内容支持任意搜索)、更改音量、更改闭路字幕或嵌入式手语曲目的显示、选择不同的音频曲目或打开音频描述,并以更适合用户的方式显示媒体内容(例如,全屏视频或独立的可调整大小的窗口)。也可提供其他控制装置
在我的实验中,我发现Chrome58和Opera44在视频控件中有下载按钮,而Safari和Firefox没有
但是,您仍然可以使用视频的DOMAPI构建自己的控制面板(启动、暂停、恢复、静音等)。是一个很好的示例,它演示了基于本机JavaScript API可以做什么。可能有用:
<a href="/sampleVideo.mp4" download><span class="icon-download"></span></a>