ブラウザがビデオタグからソースファイルをダウンロードする方法

Question

ビデオタグを表示しているWebサイトを見て、m4aファイルを再生しています。 htmlでは、m4aファイルのソースURLが与えられます。プレイヤーが表示されているソースURLとURLは同じです。

ブラウザにソースURLをロードすると、同じプレーヤーがロードされます。 chrome/firefoxを右クリックし、[オーディオ/リンクを保存]をクリックして、srcファイルをダウンロードできます。

ビデオタグはどのようにソースビデオからm4aファイルをダウンロードしますか？ src URLにアクセスしないでください。プレイヤーを右クリックしてオーディオを保存するのと同じ方法でファイルを取得できますか？

Answer 1

アンカーで動画のURLを使用するだけです。ビデオ要素と一緒にブロック要素にまとめて、ルックアンドフィールをダウンロードリンクのように感じさせないようにします。

スニペット

figure { 
 
    width: 480px; 
 
    padding: 10px 5px 15px; 
 
    background: #000; 
 
    border-radius: 12px; 
 
} 
 
a { 
 
    text-decoration: none; 
 
    color: #00e; 
 
    background: transparent; 
 
    border: 1px sold #00e; 
 
    border-radius: 10px; 
 
    padding: 5px; 
 
    text-align: center; 
 
} 
 
a:hover { 
 
    color: #0ff; 
 
    background: #555; 
 
    border: 1px solid #0ff; 
 
}

<figure> 
 
    <video src="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2014/12/html5-video-article-demos/maui-with-words.webm" controls preload="none" width="480"></video> 
 
    <figcaption><a href="http://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2014/12/html5-video-article-demos/maui-with-words.webm">Download</a> 
 
    </figcaption> 
 
</figure>