2017-09-04 6 views
1

私のページにiFrameでYouTubeの動画を表示したいのですが、iFrameのsrcをYouTubeのURLに設定すると、X-Frames-Optionsがsameoriginに設定されているため、ブロックされます。私は、動作する1つのYouTube動画を見つけました。 iFrameのsrcをhttps://www.youtube.com/embed/LSHuGxB3tTUに設定すると、正常に再生されます。鍵は埋め込み/ディレクトリのようです。すべてのYouTube動画に、埋め込み/表示できるバージョンが埋め込み/表示されていますか? YouTubeの埋め込みページに記載されているビデオ設定には何も表示されません。iFrameにYouTubeの動画を表示する

ありがとうございます。 「私はhttps://www.youtube.com/embed/LSHuGxB3tTUに私のiFrameのsrcを設定する場合は、罰金果たしている。
キーはembed/ディレクトリのようだ」

+0

(の可能性のある重複[ユーチューブの動画を埋め込む "表示は、X-フレーム・オプションによって禁じられているため、ドキュメントを表示するには、拒否"] https://stackoverflow.com/questions/9934944 /埋め込み - youtube-video-to-display-for-display-forbidden-b) – duskwuff

答えて

1

別にYouTubeのビデオを埋め込むの全体のポイント、さそのiFramesは、プレイヤーインターフェイスを表示するために(そしてそのサポートコードを実行するために)使用されます。これは、iFrameを使用して埋め込み可能なプレーヤ/コードにアクセスすることによって行われます。

  • 任意のYouTubeのビデオに移動し、SHAREをクリックします。株式オプションで

  • EMBEDをクリックして、それがあなたのサイトにのコピー/ペーストにiFrameのコードを生成します。

「すべてYouTubeの動画は私が引くと示すことができる埋め込み/ディレクトリ内のバージョンを持っていますか?」

はい毎Youtubeビデオをアップロードが埋め込みリンクの自動生成を取得し、ちょうどビデオ部分と同様に下方に入力サイズ(例から複数の解像度の自動生成を有する:360の映像も240を生成し144サイズの動画)。

用途:https://www.youtube.com/embed/VIDEO_ID続い

は(iframe内に使用可能)埋め込みURLを取得します。

例:

関連する問題