iPhoneでYoutubeを全画面再生にさせない方法

キャプチャ画像

iPhoneではYoutubeを再生すると自動的に全画面再生になります。

これを画面を切り替えずにページ内でそのままダイレクトに再生させるやり方をご紹介します。

全画面再生にしないやり方

iPhoneでYoutube再生ボタンをタップすると全画面表示に切り替わります。

MVのように”観る”動画ならスマホを横にして見ることもあるでしょう。

しかしながらアフィリエイトサイト等を見る時なんかはスマホをいちいち横に持ち替えて見る方はそうはいないものです。

しかも縦画面なら、そもそも全画面表示にしたところでページ内でダイレクトに再生されようが全画面で再生されようが動画の横幅はほとんど一緒なんですよね。

むしろ全画面再生だと×ボタンをタップして”画面を閉じる”というひと手間が加わるので、ページ内再生の方がサイト訪問者には優しいページ作りとも言えます。

この全画面再生をページ内再生に変えるやり方は至って簡単。

埋め込み動画コードの最後に「?playsinline=1」を付けるだけ。

たとえばYoutubeの埋め込みコードは通常は以下のようになってます。

（※xxxは固有の動画ID）

これをページ内ダイレクト再生に変えたい場合は、動画IDの最後に「?playsinline=1」を付け加えてやります。

これで全画面再生がオフになります。

もしも他の機能も付けてる場合は「?」ではなく「&」で連結します。

この記事をシェア

関連ページ

adxs.txtのSIRIUSでの設置場所: adxs.txtという広告設置者向けのファイルを自動でアップロードさせるための設置場所をご紹介します。
PCとスマホで別々のヘッダー画像を表示（レスポンシブテンプレート）: レスポンシブテンプレートでPCとスマホで別々のヘッダー画像を表示させるやり方をご紹介します。
SIRIUSをDropboxにインストールするやり方と注意点: SIRIUSをDropboxにインストールする方法と注意点をご紹介します。
覚えておくと便利なclassとid: SIRIUSを使う上で覚えておきたいclassとidについて大まかにご紹介します。
改行の最適化を極める: SIRIUSの「改行の最適化」についての考察記事です
ルビを使いこなすやり方: ルビ振りは決まったパターンのタグがあるので簡単にできちゃいます。
記事の移動時やカテゴリー変更時は301リダイレクト: SIRIUSの記事を移動したりカテゴリーを変えた際は301リダイレクトという手法で記事の評価を受け継がせる必要があります。
スタイル割り込みとheadタグの使い方（上級者向け設定）: SIRIUSの上級者向け設定の「スタイル割り込み」や「headタグ」を使えるようになるとページの表現の幅が広がります。
数字付きリストを途中から割り振るやり方: 数字付きリストを途中の数字から割り振るやり方をご紹介します。
pc_contentsとsp_contentsのレスポンシブテンプレートでの使い方: SIRIUSレスポンシブデザインテンプレートで使える”PCとスマホで表示分け”可能なスタイルをご紹介します。
特定のテンプレートだけに適用可能な「body class」を設置する: SIRIUSで特定のテンプレートだけに有効なスタイルを指定するための設定方法をご紹介します。
お問合せページを設置するやり方（フォームズ）: SIRIUSに「お問合せ」専用ページをフォームズを利用して追加する方法をご紹介します。
お問合せページを設置するやり方（Googleフォーム）: SIRIUSに「お問合せ」専用ページをGoogleフォームを使って追加する方法をご紹介します。
「直前のページに戻る」リンクや「ページを閉じる」ボタンを設置する方法: SIRIUSにブラウザの”（前のページへ）戻る”をクリックするのと全く同じ機能を搭載するやり方や「ページを閉じる」ボタンの付け方をご紹介します。
「前のページ」「次のページ」リンクを表示させるやり方: SIRIUSで記事の最後に「前の記事へ」「次の記事へ」のテキストリンクを付けるやり方をご紹介します。
1つの記事を複数のカテゴリー内に表示させるやり方: SIRIUSで1つの記事をサイドメニューの複数のカテゴリーに表示させるやり方をご紹介します。
画像リンクにマウスオーバーすると透明度が変化するやり方: SIRIUSの画像リンクを敢えてリンクと認識させるためのやり方の一例をご紹介します。
「更新情報」をページ最上段に移動するやり方: 通常は最下段に置かれるSIRIUSの「更新情報」をページ最上部に移動するやり方をご紹介します。
<p>タグの仕様を極める【中・上級者向け】: SIRIUSのPタグのクセを覚えておくと編集もだいぶラクになります。
アドセンス広告を正常に表示させるやり方: SIRIUSでアドセンスタグを表示させるやり方をご紹介します。
フリースペースやモジュールで簡単にHTMLタグを挿入するやり方: SIRIUSのフリースペースやモジュールでHTMLタグを使った簡単な記入方法をご紹介します。
吹き出しの下にテキストを表示させるやり方: SIRIUSの吹き出しの下にテキストを表示させる方法をご紹介します。
縦書きで見出しを作るやり方: SIRIUSで縦書きテキストを使った”見出し”を作るやり方をご紹介します。
記事公開日を表示させるやり方: SIRIUSで記事公開日を表示させる方法をご紹介します。
Twitter投稿やタイムラインを表示させるやり方: SIRIUSにTwitter投稿やタイムラインを表示させる方法をご紹介します。
ブログモードで日付を非表示にする方法: SIRIUSのブログモード表示時の日付非表示設定ですが2ヵ所変更が必要です。
知ってるとそこそこ便利な小ネタ集: SIRIUSでサイトを作成する際、効率のよくなる小ネタを集めてみました。