メモリからHTML5ビデオを解放するにはどうすればよいですか？

Question

私はたくさんのビデオを使用するページを持っていますが、一時停止しているときにそのビデオをメモリから消去したいのですが、どうすればよいか分かりません。私が使用してみました：

function pausevideo1(){ 
    var video = document.getElementById("video1"); 
    video.pause(); 
    video.src ="" 
} 

をそれが再び再生することができないので、これは完全にページからの映像を消去します。一時停止したときに動画を消去し、動画が有効になったときに動画を再読み込みすることはできますか？

Answer 1

あなたがビデオのsrcをクリアする前に、要素のdatasetでsrcを保存し、ユーザーがクリックを再生するときにそれを取得：

function pausevideo1(){ 

    var video = document.getElementById("video1"); 

    video.pause(); 

    video.dataset.vidSrc = video.src; // save src 

    video.src =""; 
} 

function loadVideo(id) { 

    var video = document.getElementById(id); 

    video.src = video.dataset.vidSrc; // retrieve src 
} 

注：datasetは> 10であればIEで互換性があります古いブラウザと互換性のあるソリューションが必要な場合は、同様のソリューションを使用できますが、setAttributeとgetAttributeを使用してsrcを要素に保存します。