9月23日追記: YouTube側の対策に対応したiOS14用YouTubeピクチャーインピクチャーショートカットの作り方をシェアしています!(9月26日17時動作確認済み)
すでにショートカットを作り終えている方はこの記事の「動画IDを取り出す」まで飛んで対応策をご自身のショートカットに反映させてください!

9月19日追記: YouTube側のアップデートに対応したiOS14用ショートカットの作り方をシェアしています!
すでにショートカットがある方はこの記事の「準備編」に飛んでください。


iPhone向けOSの最新版、iOS14がリリースされました。かなり話題なのが新機能のピクチャーインピクチャー。

動画の画面を小さく表示しながら同時に他のタスクができる機能!

実はシンプルなこの機能。フルスクリーンで動画が表示されている状態でホーム画面に戻るだけでOK。Netflixを含むアプリがすでに対応しています。ただし現時点ではYouTubeアプリは非対応

最初からiOS14のピクチャーインピクチャーを使う気満々であればブラウザーから見始めれば問題はないです。

ですが途中までYouTubeアプリで観ていていきなり「他のことがしたい」と思ったら以下を毎回しなければなりません。

  1. SafariやGoogle ChromeでYouTubeへアクセス
  2. 同じ動画を検索
  3. 動画を再生しピクチャーインピクチャーへ変換。

この作業を繰り返すのは辛い…

今回はiOSの「ショートカット」とiOS14の新機能を組み合わせてこの作業を効率化する方法をシャアします!

このショートカットでできるようになる事

このショートカットを使う事で、YouTubeアプリで動画を観ているところからブラウザーに移動してiOS14のピクチャーインピクチャを使うまでのステップを半自動化することができます。しかも全て自分でセッティングできるので色々と訳のわからないものをダウンロードしたく無い方におすすめです。

実際の使用方法

  1. YouTube動画へのリンクをコピー(アプリ内の共有から)
  2. 背面を2xか3xタップ
    1. ブラウザーへ移動 (自動化)
    2. リンクをペースト (自動化)
    3. 検索 (自動化)
  3. フルスクリーン化
  4. ホーム画面

ポイント:ここではSafariで動画を開く設定ですが、Chromeに変えることもできます。

準備編

この効率化を図るためには以下が必要です。

  • ショートカット」アプリ(ショートカット作成のため)
  • iOS14を搭載した端末(ここではiPhone11 Proを使用します。iPadでは動作確認できておりません)
  • ブラウザ(Safari、Chrome)のYouTubeにGoogleアカウントでログインしている事

ショートカットアプリのダウンロード

ショートカットアプリはこちらからダウンロードできます。

ショートカットをApp Storeでチェック

ブラウザのYouTubeにログイン

実際に作っていく

作成の大まかなステップは2つ

YouTubeピクチャーインピクチャー効率化を図るための大まかなステップは2つ。

  1. 観ている動画をブラウザーで表示するショートカットを作成
  2. ショートカット実行トリガーをiPhoneで設定(端末により異なる)

なお、「作り方よりも、出来上がったショートカットが欲しい!!」場合(笑)、下のリンクから私が作った同じものをダウンロードできます。ご自身の端末に追加をしてください。 9月23日アップデート済み、26日動作確認済み。

追加できたらショートカットを実行し試してみましょう。(YouTubeの動画リンクがコピーされていないと最後まで実行されません。
追加ができましたら「ステップ2」へ進み、スマートに実行できるように設定できます。

ショートカットを入手

ショートカットが追加できない場合、ショートカットの設定内で「信頼されていないショートカットの…」がオフになっている場合があります。

追加できるように「オン」にしましょう。(信頼してください…)

ステップ1:観ている動画をブラウザーで表示するショートカットを作成

まずはショートカット自体を作っていきます。できあがったショートカットはすでにこちらからダウンロードできます。

ショートカットを入手

1:新規ショートカットを作成

では1から作っていきます。まずは新しいショートカットを作成します。

2:コピーしたURLから動画IDを取り出す

  1. アクションを追加をタップし、検索バーを使って「テキストを分割」を見つけてタップ
  2. 空白の「テキスト」をタップし、「✂️クリップボード」を選択
  3. 「改行」で分割となっていますが、ここをタップして「カスタム」を選択
  4. カスタム区切り文字」をタップし「/」を半角で入力。キーボードの「完了」をタップ

これによりコピーしたYouTube動画のリンク(サンプル: https://youtu.be/xxxxZZZZabc)から、動画固有のIDを分けることができます。

次に取り出した動画IDをSafari用YouTubeリンクと結合できるようにします。

  1. 」をタップ
  2. 検索バーを使い「リストから項目を取得」を探して選択
  3. 「最初の項目」をタップし「項目のインデックス」をタップ
  4. 4を入れ「4を取得」となるように設定

  1. 」をタップ
  2. 検索バーを使い「変数を設定」を探して選択
  3. 変数名を適当に設定(私は「動画ID」にしました)

3:動画IDとSafari用YouTubeリンクをつなげる(9月23日アップデート済み)

Safari用YouTubeリンクと名付けていますが、これは検索したときにアプリにリダイレクトされないようにするリンクです。

このステップではこのリンクを「2:コピーしたURLから動画IDを取り出す」でゲットした動画IDと繋げます

  1. 」をタップ
  2. 検索バーを使い「テキスト」を探して選択
  3. テキストのブロック内に「https://www.youtube.com/embed/動画ID?o=U&noapp=1」をペーストします
  4. リンクの「動画ID」の部分を「X動画ID(変数名による)」に変えます
  5. 「完了」をタップ

リンクの「embed」と「動画ID」の前後に不要なスペースがない事を確認してください。

4:ブラウザで開く設定 (9月26日17時に動作確認済み)

ここではこれまでで作成してきたリンクをブラウザーで開く設定をします。
※ショートカット 完成後の問題がある場合、まずはこちらでブラウザを変更して試しましょう。

Safariの場合 (9月26日17時に動作確認済み)

  1. 」をタップ
  2. 検索バーを使い「URLを開く」を探して選択(Safariのアイコン)
  3. 完了!!!!!

Google Chromeの場合 (9月25日19時に動作確認済み)

  1. 」をタップ
  2. 検索バーを使い「ChromeでURLを開く」を探して選択(Chromeのアイコン)
  3. 完了!!!!!

これで完成です!!!!右上の「次へ」からこのショートカットに名前をつけることができます。
ここまでの過程+動作確認をこちらの動画で確認できます。ぜひ参考にどうぞ!

ショートカット作成できましたか?

結果を見る

Loading ... Loading ...

ステップ2:ショートカット実行トリガーを端末で設定

ショートカットは完成していますので、あとはどれだけこのショートカットをスマートに実行できるかです。YouTube動画へのリンクをコピーした状態で実行してください

背面タップで実行

今回私が使ったのはiOS14で追加された「背面タップ」でトリガーする方法。これを使うと指で端末の背面と「トントン」とタップする事で任意の機能を呼び出せます。

対応機種一覧

  • iPhone 8, iPhone 8 Plus
  • Phone X、iPhone XS、iPhone XS Max、iPhone XR
  • iPhone 11、iPhone 11 Pro、iPhone 11 Pro Max

iPhone7などの端末を使用している方は一個下のセクションの「ホーム画面にシュートカットをタップして実行」をチェックしてください!

「背面タップ」とできあがったショートカットを紐付けする事で、リンクをコピーしてから「トントン」でショートカットを実行する事ができるのです!スマート!

背面タップを有効にするには…
「設定」→「アクセシビリティ」→「タッチ」→「背面タップ」→「タブルタップ」か「トリプルタップ」→ショートカットを選択

*「トリプルタップ」と「タブルタップ」を押した時に作成したショートカットが出てこないことがあります。

これはバグだと思うのですが、私の場合一度バックグラウンドのアプリを全て終了したりしたところいつの間にか出るようになりました…

ホーム画面でショートカットをタップして実行する(背面タップが出来ない場合)

こちらはiOS14の「背面タップ」を使わずしても比較的スマートに実行する方法です。

  1. ショートカット一覧の画面から今回のショートカットの「・・・」をタップ
  2. ショートカット名の右の「・・・」をタップ
  3. 「ホーム画面に追加」をタップ
  4. 名前を指定して「追加」をタップ

これでホーム画面にこのショートカットだアプリのように追加されました。YouTubeアプリの隣やタップしやすいところに置き、

YouTube動画のリンクをコピーした後ホームに戻りこのショートカットをタップします。そうすると実行されます。

動作確認

上記の2つのステップで設定は完了です。しっかりと動くかどうが動作を確認します。(9月25日19時に動作確認済み)

YouTubeピクチャーインピクチャー効率化機能のおさらい(使い方)

  1. YouTube動画へのリンクをコピー(アプリ内の共有から)
  2. 背面を2xか3xタップ
  3. フルスクリーン化
  4. ホーム画面
成功した場合

もしも思い通りに行かない場合にチェックできる点

iOS14ですか?
ピクチャーインピクチャーはiOS14以降の端末でのみ可能です
余分なスペースなどがないのを確認しましょう
embed/動画ID?ou 周辺に余分なスペースなどがない事を確認してください
URLをコピーしてから実行していますか?
このショートカットはYouTubeアプリから動画のリンクをコピーした状態で実行する事を前提としています。コピーした状態で実行してください。
アプリからの動画リンクのフォーマット:https://youtu.be/xxxxZZZZabc
実行後に作成されるリンクフォーマット:https://www.youtube.com/embed/xxxxZZZZabc?o=U&noapp=1
“ブラウザがプライベートモードではない事を確認してください”
お使いのブラウザーがプライベートモードではピクチャーインピクチャーが作動しません。(動画が消えてしまいます。)
ブラウザのYouTubeがサインイン状態になっていますか?
ブラウザーのYouTubeがGoogleアカウントを使ってサインインんされてていない場合、ピクチャーインピクチャーができずに動画が消えてしまうのを確認しました。一度ブラウザーのYouTubeにサインインして再度ショートカットを実行して下さい。
違うブラウザーで試しましたか?
もしSafariで出来ないのであれあば、最後のステップでChromeを選択しましょう。これで出来た方もいました!
「動画を再生できません」と表示される場合
一部の動画は著作権をはじめあらゆる理由でPIPを許可していな場合があります。この場合は「動画を再生できません」と出てきますが、ショートカットに問題はありません。他の動画(音楽系以外が望ましい)で動作チェックをして下さい。
複数の動画で試しましたか?
一部の動画は「埋め込み」が許可されていないためショートカットが正しく出来ていてもピクチャーインピクチャーに出来ません。その他何本か、歌手などのライブや音楽ではないものなどでお試しください。
ダブルタップを正しく起動できていますか?
Safariがプライベートブラウジングモードの場合はオフしにないと出来ません
一度ダブルタップを「スクリーンショットを撮る」などに変えて、しっかりとタップが機能していることを確認しましょう。
しっかりと実行されているかチェックしたい場合
ショートカットの一番したにアラートを追加しましょう。これでしっかりとショートカットが実行されているのかを確かめられます。(全てのプロセスを踏んだらメッセージがでるため。)
“「ピクチャーインピクチャーを自動的に開始」がオンになっていますか?
iPhoneの設定→一般→ピクチャーインピクチャー→「ピクチャーインピクチャーを自動的に開始」をオンにしましょう
この記事内でシェアされているショートカットで試してみましたか?
この記事にあるショートカットは私が実際に使っている物です。ダウンロードしてYouTubeアプリで動画のリンクをコピーしてから試してください。

どれを試しても出来ない場合、コメント似て教えてください。できる限りお手伝いします!

おわりに

ショートカット作成できましたか?

結果を見る

Loading ... Loading ...

いかがでしたでしょうか?意外とかなりの方の役に立つショートカットだと思います。ぜひシェアしてみてください!
このショートカットがスタンダードとなればYouTubeのアプリがデフォルトでピクチャーインピクチャー対応になるかも!?

良いiOS14ライフを!

 ※コメント欄での情報提供ありがとうございます。

シェアする:

kazu

イギリスで情報セキュリティー関係を目指す大学生ブロガー 旅行と食べる事と写真撮影が趣味です。イギリスに来る留学生の手助けをメインテーマに書いていきます。 あ、ちょくちょくIT系も書いていきます笑

18件のフィードバック

  1. ささっく より:

    今日になってPIPできなくなって焦りましたが、おかげさまでできました。ありがとうございます。
    最後のURL生成のところだけ改編して、全画面表示でブラウザ立ち上がるようにして使ってます。

    https://www.youtube.com/embed/ 動画ID?watch?o=U&noapp=1

    • kazu より:

      お役に立ててうれしいです!
      全画面で立ち上がるの良いですね!ありがとうございます!

      毎回アプリだけで動画検索→ブラウザ をしたい方に最適ですね。ブラウザでも次の動画を検索したい時にはembedを外した方が良いかもですね。

  2. ささっく より:

    度々、板汚し失礼します。
    safariで、YOUTUBEがデスクトップモードなのも不便だったので、使っていないegdeブラウザをPIP用に割り当てました。
    edgeの設定でデスクトップモード固定にできるので今のとこを良い感じです。

    見たいYOUTUBE動画の検索は、広告ブロッカー入れたsafariにてスマホモードで。PIPしたいときにコピーして背面タップでURLスキームでedge渡しという感じです。

    microsoft-edge-http://www.youtube.com/embed/ 動画ID?watch?o=U&noapp=1

    • kazu より:

      コメントありがとうございます!
      なるほど、使っていないブラウザーを割り当てるのいいですね。URLもシェアしていただきありがとうございます!

  3. mmt より:

    コメント失礼致します。
    21:30現在、PIPができなくなってしまっていると思うのですがどうでしょうか…
    デスクトップ用画面にしても消えてしまいます…

    • kazu より:

      コメントありがとうございます。
      PIPまた少しだけ対策されたようです。先ほど対策に対応しました。すでにショートカットが出来上がっている場合は「3:動画IDとSafari用YouTubeリンクをつなげる(9月23日アップデート済み)」のセクションまでお進みください。
      以下のリンクからでも直接飛べます。
      https://kazuworldtravel.com/ios14-youtube-picture-in-picture/#new-url

  4. ヨキッチ より:

    9/26 9:30時点でホーム画面にした段階でPIP画面が消えてしまいます。PIPサイズまでは小さくなるのですが、その後消えてしまいます…。また対策が取られたのでしょうか?ショートカットはこちらからダウンロードさせていただきました(^^)

    • kazu より:

      コメントありがとうございます。たった今、9月26日17時に動作確認をいたしました。
      ブラウザがSafariの場合、ショートカットの最後のステップをChromeに変えてお試しください。
      4、ブラウザで開く設定からやり方を確認いただけます。

  5. Kou より:

    このような機能を探していました!
    ところで作成したショートカットを立ち上げると「数値引数がドメインの範囲を超えています」と表示され動作しません。
    何故でしょうか?

    • kazu より:

      コメントありがとうございます。
      ショートカットを立ち上げる際、YouTubeのアプリから動画のリンクをコピーしておく必要があります。
      その際このようなリンク(https://youtu.be/VWAVZO2dR7o )をコピーされている事を、メモなどにペーストしてご確認ください。

      これでエラーが出る場合こちらの手順で何か問題があるようです。「/」を入れている事、「項目のインデックス」が選択されていて「4」が代入されていることなどをご確認ください。

  6. u より:

    すいません先程コメントした者です。こちらで提供されているショートカットを追加して試していたのですが、これが既に23日時点のアップデートに対応させてあるショートカットだと思い込んでいました。自分で3つ目の項目の設定をし直してから試したところ、pipできました。自分の勘違いでした、申し訳ありません。

  7. yyy より:

    ブラウザまで飛べたんですけどそのあと動画がホーム画面に残らず消えてしまいます;

  8. スカイウォーカー より:

    24日から上手くいないです。本日再度試してもクラッシュするような感じでピクチャーインピクチャー出来ませんでした。

  9. hone より:

    コメント失礼致します。
    10/12 18:00現在、(今朝からなのですが)YoutubeのPIPが何度やってもできないです…(;_;)項目を確認しているのですが、どうしてもできず…対策されてしまったのでしょうか…お手数おかけしますがそちらで確認していただくことは可能でしょうか…申し訳ございません(T_T)

    • kazu より:

      コメントありがとうござます。
      この10/12 23:00現在、YouTubeのPIPができる事を確認しました。
      どのような状態でしょうか?
      ブラウザがプライベートモード出ない事、ブラウザのYouTbueがログインされている事を確認した上で音楽以外の動画でお試しください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です