Question

我有一个视频，我想提供下载链接。但是，创建了一个简单的<a href="myvideo.mp4">Download</a>标记，当我点击它（在Firefox和Chrome中）时，它开始播放视频，而不是允许下载视频。有没有一种方法适用于所有当前浏览器以强制它们提供另存为对话框？

Answer 1

尝试使用下载属性。

<a href="myvideo.mp4" download>Download</a>

更多信息： http://www.w3schools.com/tags/att_a_download.asp

Answer 2

您也应该尝试一下。

if (isVideo) {
            var div = document.createElement('div');
            div.className = "column";
            var vid = document.createElement('video');
            var source = document.createElement('source');
            //vid.source;
            source.type = "video/mp4";
            source.src = display_src;
            vid.appendChild(source);
            vid.poster;
            vid.controls = true;
            //var sou = document.chil

            var alink = document.createElement('a');
            if (hostname === 'www.instagram.com') {
                alink.href = display_src + "&dl=1";
            } else {
                //alink.href = display_src;
                /// alink.target = '_blank';
                // alink.setAttribute('target','_blank');
                alink.id = 'downlo_click';


            }

            alink.text = "Repost"
            // window.open(alink, '_self');
            div.appendChild(vid);
            div.appendChild(alink);
            document.getElementById('gamediv').appendChild(div)
            document.getElementById('downlo_click').addEventListener('click', function() {
                var x = new XMLHttpRequest();
                x.open("GET", display_src, true);
                x.responseType = 'blob';
                x.onload = function(e) {
                     download(x.response, "abcd.mp4", "video/mp4");
                }
                x.send();
                // window.open(alink, '_self');
                //   download("data:text/html,"display_src, display_src);
            });

        }

下载视频文件的链接

2 个答案: