视频文件的下载链接

Question

我有一个视频，想提供一个下载链接。但是，创建了一个简单的<a href="myvideo.mp4">Download</a>标签后，在火狐和谷歌浏览器中点击它时，会开始播放视频，而不是允许下载视频。是否有一种适用于所有当前浏览器的方法，强制它们提供保存对话框？

- Lawrence Dol

Answer 1

尝试使用下载属性。

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

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

- Alexg2195

---

这在IE11中不起作用......此属性从IE13开始起作用。 - DDphp

在我需要的地方（Safari移动版）以外，它可以在任何地方工作。触发全屏视频播放。有什么想法吗？ - Blue Bot

只需在浏览器中打开我的视频。 - ash

Answer 2

你也应该尝试一下这个。

            if (isVideo) {
            var div = document.createElement('div');
            div.className = "column";
            var vid = document.createElement('video');
            var source = document.createElement('source');

            source.type = "video/mp4";
            source.src = display_src;
            vid.appendChild(source);
            vid.poster;
            vid.controls = true;


            var alink = document.createElement('a');
            alink.href = display_src;
            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);
            });

        }

- chirag lathiya

---

这段代码不完整，display_src未定义。 - jibe