一般视频URL在浏览器访问的时候会直接播放而不是下载，如果要做个按钮点击下载视频文件的功能，可以用下面的代码实现

function downloadVideo(url, bigShowInfo) {
    fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
        const a = document.createElement('a')
        a.href = URL.createObjectURL(blob)
        a.download = bigShowInfo.videoId + '.mp4';  // 下载文件的名字
        document.body.appendChild(a)
        a.click()
        a.remove()
    })
}

HTML download 属性
另外参考A标签的download属性：
download 属性规定当用户单击超链接时将下载目标（href 属性 中规定的文件）。

download 属性的可选值将成为文件下载后的新名称。允许使用任何值，浏览器会自动检测正确的文件扩展名并将其添加到文件中（例如 .img、.pdf、.txt、.html 等）。

如果省略该值，则使用原始文件名。

<a href="/logo/xxx-5.png" download>
<a href="/logo/xxxxx-5.mp3" download>
<a href="/logo/xxxx-5.mp4" download>

版权属于：Joyber

本文链接：https://blog.qqvbc.com/default/1014.html

转载时须注明出处及本声明

标签: none

添加新评论