SafariでWebサイトを見ていると、意図せず動画が勝手に再生されて困ることがあります。特にiPhoneやiPadでは、突然動画が動き出してスクロールが阻害されたり、通信量やバッテリー消費が増えたり、外出先で音が出そうになって焦ったりしがちです。一方で、サイト運営者や開発者側は「Safariだけ動画が自動再生されない」という別の悩みに直面しやすく、閲覧者と提供者で課題が逆向きになります。
本記事はまず「Safariで勝手に再生される動画を止めたい」方に向けて、iPhone/iPad・Macそれぞれの設定手順と、止まらないときの切り分けを体系化します。後半では「Safariで動画を自動再生させたい」開発者向けに、成立条件と実装上の落とし穴、フォールバック設計まで整理します。設定や仕様はOS・Safariのバージョンで表示名が多少変わることがあるため、表現は一般化しつつ、迷いやすいポイントも併記いたします。
※本コンテンツは「記事制作ポリシー」に基づき、正確かつ信頼性の高い情報提供を心がけております。万が一、内容に誤りや誤解を招く表現がございましたら、お手数ですが「お問い合わせ」よりご一報ください。速やかに確認・修正いたします。
Safariの動画自動再生は何が起きているのか
自動再生が不快になる典型パターン
「動画の自動再生」と一口に言っても、実際に不快さを生む状況は複数あります。まずは自分が遭遇しているのがどれかを把握すると、止め方や原因切り分けが速くなります。
記事閲覧中に動画枠が急に動き出す
ニュース記事、ブログ、まとめサイトで、本文の途中に埋め込まれた動画がスクロールに合わせて再生されるパターンです。音は出ないことも多いですが、「動く」だけで視線が奪われ、読むテンポが崩れます。
広告枠の動画が勝手に再生される
バナー広告の一種として、動画広告が自動的に動作します。ここが厄介で、Safari側の自動再生設定を変更しても「広告は別挙動」と感じるケースが出やすいです(後述の切り分けが重要です)。
SNSや外部サービスの埋め込みが勝手に再生される
YouTube、X(旧Twitter)、Instagram等の埋め込みは「ページ内の動画」ではあるものの、実体は外部のプレイヤー要素であり、サイト側の実装や埋め込み方式で挙動が変わります。
「以前は止まっていたのに、急に再生されるようになった」
典型的には以下が原因になりがちです。
Safariのアップデートで既定の挙動が変わった
サイト別の例外設定(許可など)がいつの間にか付いている
サイト側がプレイヤー実装を変更し、以前と条件が変わった
重要なのは、「自動再生」という言葉が、実際には次の複合現象をまとめて指している点です。
ページ読み込み直後に勝手に再生(ロード起点)
スクロールで可視領域に入った瞬間に再生(IntersectionObserver等の可視判定起点)
タップしたつもりがないのに再生したように見える(操作領域の重なり・誤タップ)
音が出る/出ない(ミュートかどうか)
これらが混ざるため、止める側は「どの種類の自動再生か」を先に切り分けると、改善が早くなります。
Safariで自動再生が制限される理由
Safari(特にiOS Safari)では、ユーザーが意図しない音声再生を防ぐ目的で、自動再生に一定の制約が設けられています。一般論として、ブラウザは「音声が出る可能性があるメディアの自動再生」を警戒し、ユーザー操作(タップなど)を要求する方向で進化してきました。
この結果、次のような“ねじれ”が起きます。
閲覧者側:「勝手に再生されるのが嫌」→止めたい
提供者側:「自動再生したい」→Safariだけ動かない
さらにSafariでは、設定画面で「停止」「許可」「音声なしのみ許可」といった選択肢があり、ここが混乱ポイントになります。たとえば「音声なしのみ許可」を選ぶと、「音声が出ない動画」は動いてよい扱いになり、結果として“勝手に動く”現象が残ることがあります。逆に「停止(自動再生しない)」を選べば、より強い抑制が期待できます。
ただし、ここで誤解されやすい点があります。Safariの設定は万能ではなく、以下のような場合は「設定を変えたのに止まらない」と感じやすいです。
広告枠が別の仕組みで再生されている
外部プレイヤーの埋め込みで挙動が異なる
サイト別設定が別ドメインに適用されていない(例:本体ドメインと配信ドメインが違う)
例外設定が残っている
したがって、次章では「止める方法」を端末別に示し、その後に「止まらない原因」を手順として潰していきます。
Safariで動画の自動再生を止める方法
ここでは「閲覧者として止めたい」目的に絞って、iPhone/iPadとMacそれぞれの操作導線を整理します。結論としては、次の順で進めるのが最短です。
サイト別設定で停止(すぐ効く)
Macは一括設定も併用(管理しやすい)
止まらない場合は切り分け(広告・埋め込み・例外)
iPhoneとiPadのSafariでサイト別に停止する手順
iPhone/iPadのSafariは、閲覧中のページから「このWebサイトの設定」に入り、サイト単位で自動再生の扱いを変えられる場合があります。iOSのバージョンや表示状況により文言やアイコンが微妙に違うことがありますが、導線の考え方は共通です。
手順(基本形)
Safariで対象サイトを開きます(自動再生が発生するページが望ましいです)
アドレスバー付近の「ぁあ」やサイト設定のボタンをタップします
「このWebサイトの設定」を開きます
「自動再生」項目を探します
選択肢を「停止(自動再生しない)」に変更します
操作のコツ
可能であれば、“勝手に再生されるページそのもの”を開いた状態で設定変更してください。サイト別設定は「そのサイト」に紐づきますが、サブドメインや配信ドメインが違う場合、意図通り効かないことがあるためです。
設定変更後は、ページを再読み込みして確認してください。特に埋め込み要素は読み込み時点で再生制御が決まることがあり、設定変更直後は反映が遅れることがあります。
「自動再生」項目が見当たらない場合
環境によっては、サイト設定に項目が表示されない、または別の位置に出る場合があります。その場合は次の確認を行ってください。
そのページが「閲覧モード」等で特殊表示になっていないか
コンテンツがアプリ内ブラウザ(SNSアプリ内のWeb表示)ではないか
アプリ内ブラウザはSafari本体と設定体系が異なることがあります。可能ならSafari本体で開き直して確認してください。
そもそも自動再生しているのが「広告枠」などで、Safariのサイト設定が効きづらい可能性(後述)
iPhone/iPadは「端末全体で一括停止」というより、サイト別の制御を積み重ねる発想が現実的です。頻繁に遭遇するサイトに対して、停止設定を付けていく運用が最も効果的です。
MacのSafariで一括またはサイト別に停止する手順
MacのSafariは、サイト別設定の管理機能が比較的わかりやすく、「例外一覧」も確認しやすいです。基本的には、一括で止めて、必要なサイトだけ許可が最もストレスが少なく、メンテナンス性も高いです。
手順(サイト別・一括の入口)
Safariを開きます
画面上部メニューから Safari → 設定(または環境設定)を開きます
「Webサイト」タブを開きます
左側一覧から「自動再生」を選択します
右側でサイト別の設定と、右下の「他のWebサイト」の既定値を確認します
推奨設定(閲覧者として止めたい場合)
右下の「他のWebサイト」:自動再生しない
例外として、必要なサイトだけ:許可(または「音声なしのみ許可」)
運用のコツ
まず既定値を止めると、知らないサイトで勝手に動く頻度が下がります。
その上で「このサイトは問題ない」というところだけ許可にします。
一度許可したサイトが増えると管理が難しくなるため、定期的に例外一覧を見直すのがおすすめです。
許可と停止と音声なしのみの使い分け
ここが最も重要なポイントです。「自動再生を止めたつもりなのに動く」場合、選んでいるモードが期待とずれているケースが非常に多いです。
以下の表で、目的別の推奨を整理します。
| 目的 | 推奨設定 | 期待できること | 注意点 |
|---|---|---|---|
| とにかく勝手に動くのが嫌 | 停止(自動再生しない) | 動画の自動開始を最大限抑える | 広告枠・外部埋め込みは別挙動の可能性 |
| 音だけが困る(動くのは許容) | 音声なしのみ許可 | 音声が出る自動再生を抑えやすい | ミュート動画は動く可能性が高い |
| 特定サイトは快適に見たい | 許可 | そのサイトだけ自動再生を許容 | 許可が増えると管理が煩雑 |
閲覧者としての基本は、まず「停止」です。どうしても必要なサイトがある場合だけ、例外的に許可にしてください。「音声なしのみ許可」は便利ですが、“勝手に動く”というストレスは残りやすい点を理解した上で選ぶのが安全です。
Safariで動画の自動再生が止まらない原因と対処
ここからは、設定を変えても改善しない場合の「切り分け手順」を提示します。闇雲に設定をいじるより、チェックリストに沿って確認した方が短時間で原因に辿り着けます。
サイト別設定が効かない時に確認すること
まずは「設定が効くはずなのに効いていない」状態を疑います。以下を上から順に確認してください。
確認チェックリスト(優先順)
対象はSafari本体ですか
SNSアプリ内ブラウザ等だと、Safari設定が反映されないことがあります。可能ならURLをコピーしてSafari本体で開いてください。
設定を変えた“サイト”と、再生している“配信元”が同じですか
例:記事ドメインは
example.comだが、動画はvideo-cdn.example.netから配信されている等。サイト別設定は通常「サイト(ドメイン)」に紐づくため、配信元が別だと期待通りに効かないことがあります。
iPhone/iPadで設定変更後、再読み込みしましたか
埋め込みプレイヤーは読み込み時点で挙動が決まることが多く、設定変更直後にそのまま見ても変化が出ないことがあります。
Macで例外設定が残っていませんか
「他のWebサイト」を止めても、例外一覧で「許可」になっていると、そのサイトでは動きます。
同じサイトでも“ページによって”埋め込み方式が違いませんか
トップページはHTML5 video、記事ページは外部プレイヤー、などページ単位で実装が異なることがあります。
上記を確認して「それでも効かない」場合、次に疑うべきは端末状態・省電力系の影響と、広告枠や埋め込みの挙動差です。
低電力モードや省データ設定の影響
一般に省電力・省データ関連の設定は、「動画を勝手に止めたい」側には有利に働きやすい一方、「挙動が一定しない」という不安定さを生みます。ここでのポイントは、ユーザーが感じる現象が次のいずれかである点です。
「止めたいのに止まらない」(再生が起きる)
「止めたのにたまに動く」(再現性が低い)
「自動再生は止まったが、別のタイミングで動く」(可視判定など別トリガー)
対処としては、以下の観点で“再現条件”を揃えるのが有効です。
確認観点
低電力モードのON/OFFで差が出るか
Wi-Fiとモバイル回線で差が出るか
バックグラウンド更新や省データモード等、通信制限系の設定で差が出るか
ページの読み込み直後だけ再生するのか、スクロールで可視になった時だけ再生するのか
特に「止めたはずなのに、スクロールで可視になった瞬間に再生する」場合は、ページ側が“スクロール連動再生”を組んでいる可能性があり、Safariの自動再生設定だけでは完全に止められないことがあります。この場合は、次の「広告や埋め込み方式」を重点的に疑うのが近道です。
広告や埋め込み方式による挙動差
「止まらない」原因として最も多いのがここです。つまり、ユーザーが止めたいと思っている動画が、Safariの設定で制御しやすい“通常の動画”ではなく、別の仕組みで動いている可能性です。
代表例
広告配信(アドネットワーク)由来の動画
サイト運営者が直接置いた動画ではなく、広告配信側の仕組みで動画が表示・再生されます。サイト本体の設定変更では止まりにくい場合があります。
外部プレイヤーの埋め込み
YouTubeなどの埋め込みは、ページ内のvideo要素とは異なる制御体系になります。Safariの「自動再生」設定が期待通りに効かないことがあります。
複数ドメインの混在
ページはAドメイン、動画はBドメイン、広告はCドメインという構造だと、サイト別設定をAに適用してもB/Cの挙動が残る場合があります。
切り分けの実践手順
どの枠が再生しているかを確認します
本文中の動画か、ページ上部/下部の広告枠か、SNS埋め込みかをまず特定します。
同じサイト内で複数ページを試します
あるページだけ再生するなら、ページ固有の実装・広告配置が原因の可能性が高いです。
サイト別設定を変えても変化がない場合は“別ドメイン”を疑います
これは閲覧者側では完全な特定は難しいものの、現象として「そのサイト以外の何かが動いている」兆候になります。
この段階まで来ると、Safariの標準設定だけで完璧に制御するのが難しい場合があります。ただし、ユーザーとして現実的な到達点は「ストレスの大部分を減らす」ことです。したがって、実務的には以下の方針が効果的です。
まずSafariの自動再生を「停止」に寄せ、通常の動画を止める
止まらない枠が広告なら、サイト自体の利用を見直す(閲覧時間を減らす、別媒体を使う)
どうしても必要なら、コンテンツブロッカー等の利用を検討する(ただし導入・相性の問題があるため過信しない)
Safariで動画を自動再生させたい場合の条件
ここからは開発者・サイト運営者向けです。閲覧者側の「止めたい」と相反しますが、Webの現場では両方の需要が存在します。Safari、とりわけiOS Safariは自動再生に対する制限が強く、“確実に自動再生する”ことをゴールにすると設計が破綻しやすい点を先に押さえる必要があります。
iOS Safariで音声付き自動再生が難しい理由
iOS Safariで音声付き動画をページロードと同時に再生させたい、という要望は多いですが、一般にユーザー操作なしの可聴再生は制限されやすい設計です。これはユーザー体験(突然音が出る、通信・バッテリー消費が増える)に対する配慮であり、ブラウザが制御権を握る領域です。
このため、設計としては次の形に落とすのが安全です。
ミュートで自動再生(可能な範囲で)
音声ONはユーザー操作にする
例:明確な「音声をオンにする」ボタンを設置し、タップで
muted=falseにする
よくある失敗は「最初から音声ありでautoplay」を狙うことです。環境によっては動くことがあっても、再現性が低く、特に初回訪問・埋め込み・低電力・通信状態などで失敗しやすくなります。マーケティング施策としては、失敗時の表示崩れや沈黙状態が致命傷になりやすいので、次項のテンプレートとフォールバックが重要になります。
mutedとplaysinlineを使った基本テンプレート
iOS Safariで“自動再生に寄せる”場合、典型的には以下の属性設計が基本になります。
autoplay:自動再生の要求(ただし成功は保証されません)muted:ミュート状態(自動再生成立に寄与しやすい)playsinline:インライン再生(全画面化の回避)loop:ループが必要なら付与controls:UX方針により付ける/隠す(ただし隠し過ぎると操作不能になる)
HTML例(基本形)
実装上の注意点
動画素材自体を“無音”にする判断
mutedで消音していても、動画に音声トラックが残っていることで挙動が不安定になるケースを嫌う場合、最初から音声なしの動画ファイルを用意する方が堅いです。特にファーストビュー用途では効果的です。
ファイルサイズと読み込み
自動再生以前に読み込みが間に合わなければ再生は始まりません。最初の表示では短尺・軽量・最適化された動画(Web向けエンコード)を前提にしてください。
見えない動画の自動再生
可視状態でないと再生が抑制される設計もあり得ます。ファーストビューで確実に見えている状態で再生を試みる方が成功率は上がります。
ここまでやっても、環境次第で autoplay は失敗します。したがって、次のフォールバックを必須と考えてください。
JavaScript再生が失敗する時のフォールバック
video.play() は環境によって失敗します。失敗すること自体が異常ではなく、ブラウザポリシー上の仕様として起こり得ます。重要なのは、失敗してもUXが破綻しない設計です。
基本方針(おすすめ)
自動再生が成功したら:そのまま動画を表示
自動再生が失敗したら:再生ボタン(明確なCTA)を表示
音声は別ボタンでONにする(または再生ボタン押下時に音声ONを促す)
疑似コード例(フォールバックの骨格)
UXとしての具体例
失敗時に、動画の中央に「再生」アイコンを重ねる
同時に「音声をオンにする」ボタンを用意する
あるいは「タップして再生(音声あり)」と明記して、ユーザー操作を促す
落とし穴
自動再生前提で、文字が動画の上にしか載っていないデザインにすると、失敗時に“ただの静止画”に見えて訴求が落ちます。失敗時でも情報が伝わるよう、コピーやCTAは動画以外にも配置してください。
再生ボタンが小さすぎる、あるいは他要素と重なって誤タップが起きると、意図しない挙動につながります。特にiPhoneはタップ領域設計が重要です。
Safariの動画自動再生に関する注意点とFAQ
プライバシーと通信量の注意点
動画の自動再生は「便利さ」と引き換えに、ユーザーの負担を増やし得ます。閲覧者側の観点では、次のリスクが代表的です。
通信量の増加
モバイル回線で閲覧していると、意図せずデータを消費します。月間上限があるプランでは特に影響が大きいです。
バッテリー消費
動画のデコード・描画は電力を使います。バックグラウンド相当の状態でも動き続けると、体感以上に消耗します。
音が出る恐怖
会議中や公共の場で突然音が出ると困ります。音声が出ない仕様でも、ユーザーは不安を感じます。
プライバシー・トラッキングの懸念
広告枠由来の自動再生は、閲覧行動の計測と結びつくことがあり、心理的負担につながります。
したがって閲覧者としては、Macなら「他のWebサイト」を止めた上で例外許可、iPhone/iPadなら頻出サイトをサイト別に停止、という運用が最も安全です。加えて、止まらない枠が広告中心であれば、閲覧習慣自体の見直しも現実的な対策になります。
よくある質問
Safariで自動再生を完全にオフにできますか
Macでは、SafariのWebサイト設定にて「他のWebサイト」を「自動再生しない」に設定することで、広い範囲で自動再生を抑えられます。一方でiPhone/iPadはサイト別設定を積み重ねる発想が中心になりやすく、完全一括停止が難しい場合があります。また、広告枠や外部埋め込みは別挙動になり得るため、体感として“完全”にならないことがあります。
特定サイトだけ許可したいのですが可能ですか
可能です。Macでは「自動再生」の例外一覧で、サイトごとに許可・停止・音声なしのみ許可を設定できます。iPhone/iPadでも、閲覧中に「このWebサイトの設定」から自動再生を許可する(または停止する)運用が可能な場合があります。推奨としては、既定は停止寄りにして、必要なサイトだけ許可にする方法です。
設定したのに広告動画が再生されます
広告動画は、ページ本体の動画とは別の仕組みで挙動が決まることがあります。そのため、Safariの自動再生設定を変更しても止まらない、または止まり方が一定しないと感じることがあります。まず「どの枠が再生しているか(本文動画か、広告枠か、埋め込みか)」を特定し、本文動画が止まるなら設定は効いていると判断できます。広告だけが残る場合は、サイト側の広告実装に依存するため、閲覧者の設定だけで完全制御できないケースがあります。
iOS Safariで音声付き自動再生はできますか
一般に、音声付き(可聴)の自動再生は制限されやすく、成功率と再現性が低くなります。設計としては、ミュートで自動再生を試み、音声はユーザー操作(タップ)でオンにする導線が堅実です。マーケティング上どうしても音声が必要なら、「音声ON」ボタンや「タップで再生」CTAを前提にしたUI設計を行ってください。
mutedにしても再生されないのはなぜですか
muted を付けても自動再生が成立しないことはあり得ます。端末状態(省電力系)、通信状況、ページの可視性、埋め込み方式などの影響を受けます。したがって「自動再生が成功しない場合」を必ず想定し、play() 失敗時に再生ボタンを表示するなどのフォールバックを用意するのが安全です。また、動画ファイルの最適化が不十分で読み込みが間に合っていない場合もあるため、素材の軽量化も併せて見直してください。
まとめ
Safariの動画自動再生は、端末(iPhone/iPadかMacか)とサイト別設定、そして「音声があるかどうか」「広告や埋め込みかどうか」で体感が大きく変わります。閲覧者としては、まずSafariの自動再生設定を「停止(自動再生しない)」に寄せ、Macは既定値を止めた上で例外許可、iPhone/iPadは頻出サイトをサイト別に停止する運用が効果的です。
それでも止まらない場合は、設定が効かないのではなく「別ドメイン配信」「広告枠」「外部埋め込み」など、制御対象が異なる可能性があります。チェックリストに沿って、どの枠が再生しているかを切り分けることで、改善に近づきます。
開発者側は、iOS Safariでは自動再生が常に保証されない前提で、ミュート自動再生+ユーザー操作による音声ON、play() 失敗時のフォールバックUIを設計してください。最後に、SafariやOSのアップデートで挙動が変わる可能性があるため、定期的な検証と仕様変更への注意喚起を記事内・運用内で行うことが安全です。