5

サイトで動画のダウンロード オプションを提供しようとしています。ダウンロード可能な直接リンク (末尾が .mp4/.webm) があります (問題がある場合、それらは私のサーバーではホストされていません)。これは私が試したものです：

     <a href="http://stream.flowplayer.org/bauhaus/624x260.webm" download>Download</a>

Chrome でのみ機能し、FireFox ではブラウザ自体でビデオを開くだけです。

4

4 に答える 4

1

Content-Type Content-Disposition ヘッダーを適切に設定し、提供するファイルを出力するラッパー スクリプトが必要です。

PHP では、これは次のように行われます。

ファイル名: 624x260.php

<?php
// We'll be outputting a webm video
header('Content-type: video/webm');

// It will be called downloaded.webm
header('Content-Disposition: attachment; filename="download.webm"');

readfile('624x260.webm');
?>

代わりに、次のように PHP ファイルにリンクします。

<a href="624x260.php">Download</a>
于 2013-06-14T21:51:02.620 に答える
1

.htaccess ファイルを編集できる Apache サーバーがある場合は、この行を追加します。

AddType application/octet-stream .webm

これを行いたくない場合は、php から行うこともできます。

PHP コード:

<?php
$file = $_GET['file'];
header ("Content-type: octet/stream");
header ("Content-disposition: attachment; filename=".$file.";");
header("Content-Length: ".filesize($file));
readfile($file);
exit;
?>

HTML コード:

<a href="direct_download.php?file=fineline.mp3">Download the mp3</a>
于 2013-06-14T21:52:26.960 に答える
0

注: ダウンロード属性は、Chrome 14 以降および Firefox 20 以降でサポートされています。

他のブラウザーの代わりに、ここから jQuery プラグインを使用できます http://johnculviner.com/jquery-file-download-plugin-for-ajax-like-feature-rich-file-downloads/4

また

http://jqueryfiledownload.apphb.com/

のようにダウンロード可能にすることができます。

<a href="http://video.webmfiles.org/elephants-dream.webm" class="download" target="_blank">Download</a>

        $(document).on("click", "a.download", function () {
            $.fileDownload($(this).prop('href'))
                .done(function () { alert('File download a success!'); })
                .fail(function () { alert('File download failed!'); });

            return false;
        });
于 2013-06-14T21:52:19.240 に答える