web-dev-qa-db-ja.com

iPhoneでのYouTube埋め込みの自動フルスクリーンを無効にする

サイトの他の質問からiOSMobile Safariでわかるように、これらのおいしい属性webkit-playesinlineと、ビデオの自動フルスクリーンを無効にするためのより簡潔なplaysinlineがあります。

その奇跡にもかかわらず、私はまだこれをYouTubehtml5埋め込みに追加する方法を理解することができません。予想通り、YouTube <video>は<iframe>に含まれています。

理想的な結果は次のようなものです。

<video 
    tabindex="-1" 
    class="video-stream html5-main-video" 
    style="width: 736px; height: 414px; left: 85px; top: 0px;" 
    src="blob:https://www.youtube.com/6889sdad6d2-ec51-49ca-b357-a5bd9c3ede71" 
    webkit-playsinline="true" 
    playsinline="true">
</video>

私は無駄に、jqueryを介してこれを実行しようとしました。

これを行う方法についての考えやアイデアはありますか？

iosyoutubewebkithtml5-videomobile-safari
10
Dave

追加 playsinline=1埋め込みURLへのパラメータ。追加 ?または&必要に応じて前。 ?唯一のパラメータの場合、&他のパラメータと連結します。

例：

<iframe
  src="https://www.youtube.com/v/VIDEO_ID?playsinline=1">
</iframe>

差出人 YouTube iFrame Player API ：

このパラメーターは、iOSのHTML5プレーヤーでビデオをインラインで再生するかフルスクリーンで再生するかを制御します。有効な値は次のとおりです。0：この値により、全画面再生が行われます。これは現在デフォルト値ですが、デフォルトは変更される可能性があります。 1：この値により、allowsInlineMediaPlaybackプロパティをTRUEに設定して作成されたUIWebViewのインライン再生が発生します。

18
David Anderton

現在のAPIの説明によると、iOSデバイスでフルスクリーンを回避するには、playsinlineを0に設定する必要があります。

以下の説明を参照してください： https://developers.google.com/youtube/player_parameters

See below description, found on: https://developers.google.com/youtube/player_parameters

1
Siddharth Sachdeva