最初 video

このページから動画を外す

大きな動画プレーヤーが本文を押し下げたり、勝手に再生されたりするときに使います。見つかった動画を一時停止し、開いているページからプレーヤーを外します。

パソコンで下のボタンをブックマークバーにドラッグします。その後、対象のページを開いてブックマークを使ってください。

このページから動画を外す

スマートフォンをお使いですか？下に別の使い方をまとめています。

仕組みと使いどころ

スマートフォンではどう使いますか？

コードをブックマークのアドレスとして保存する方法を試せます。まず下のコードをコピーしてください。

iPhone（Safari）： 適当なページをブックマークし、そのブックマークを長押しして「編集」を選び、アドレスをコピーしたコードに置き換えます。

Android（Chrome）： ページをブックマークします。ブックマーク一覧で横の三点メニューから「編集」を選び、アドレスをコピーしたコードに置き換えます。

変更したいページを開いて、そのブックマークを選びます。メニューから動かない場合は、アドレスバーにブックマーク名を入力し、表示された候補を選んでください。

ブックマークのアドレス

javascript:void(function(){var videos=document.querySelectorAll("video");for(var i=0;i<videos.length;i++){videos[i].pause();videos[i].removeAttribute("src");videos[i].remove();}var frames=document.querySelectorAll("iframe");for(var j=0;j<frames.length;j++){var f=frames[j];var src=(f.src||"")+(f.getAttribute("data-src")||"");if(/youtube|youtu\.be|vimeo|dailymotion|twitch|player\./i.test(src))f.remove();}}())

動作はブラウザーやバージョンによって異なります。ページ側でこの方法がブロックされることもあります。

iPhoneでは「ショートカット」アプリも使えます

「ショートカット」アプリで「WebページでJavaScriptを実行」アクションを追加し、下のコードを貼り付けます。SafariのWebページ用に共有シートへの表示を有効にします。求められた場合は、ショートカットの設定でスクリプトの実行を許可してください。次にSafariで対象のページを開き、共有から作成したショートカットを選びます。

ショートカット用コード

void(function(){var videos=document.querySelectorAll("video");for(var i=0;i<videos.length;i++){videos[i].pause();videos[i].removeAttribute("src");videos[i].remove();}var frames=document.querySelectorAll("iframe");for(var j=0;j<frames.length;j++){var f=frames[j];var src=(f.src||"")+(f.getAttribute("data-src")||"");if(/youtube|youtu\.be|vimeo|dailymotion|twitch|player\./i.test(src))f.remove();}}());completion();

パソコンのコンソールではどう使いますか？

変更したいページを開きます。Chromeで Ctrl + Shift + J（Windows/Linux）または ⌘ + Option + J（Mac）を押し、下のコードをコンソールに貼り付けて Enter を押します。

コンソール用コード

void(function(){var videos=document.querySelectorAll("video");for(var i=0;i<videos.length;i++){videos[i].pause();videos[i].removeAttribute("src");videos[i].remove();}var frames=document.querySelectorAll("iframe");for(var j=0;j<frames.length;j++){var f=frames[j];var src=(f.src||"")+(f.getAttribute("data-src")||"");if(/youtube|youtu\.be|vimeo|dailymotion|twitch|player\./i.test(src))f.remove();}}())

効果は開いているページに適用されます。コンソールで実行する前にコードの内容を確認してください。ブラウザーが安全上の警告を表示する場合もあります。

ボタンは video を一時停止し、アドレスを外し、要素を取り除きます。iframe は、アドレスが動画プレーヤーに見えるときだけ外れます。

どの動画プレーヤーが消えますか？

各 video 要素は一時停止されて取り除かれます。ファイルはあなたの画面では再生をやめます。

iframe は、アドレスが YouTube、Vimeo、Dailymotion、Twitch、または player を含むときに外れます。地図、フォーム、ほかの枠は残ります。

サイトには動画が残ります。読み込み直すと、プレーヤーは戻ります。

プレーヤーなしで読む

動画が記事を占めたり、ひとりでに始まったり、文章を下へ押したりするときに使います。

動画ではない音声は、自動再生のツールの側です。

限界

アドレスが隠れていて、これらのサービスに見えないプレーヤーは残ることがあります。

クリックのあとでページが差し込んだものは、ひとりでは外れません。もう一度クリックしてください。