2016-03-31 18 views
0

に示しここで私は私のHTML私のYouTubeのビデオは文句を言わないのiframe

<iframe width="640" height="360" src="https://www.youtube.com/watch?v=ZwKhufmMxko"> 
</iframe> 

ビデオフレームが表示されますに入力したコードですが、実際の映像は、ロードまたはさえ表示されません。 私は待ってみましたので、読み込みの問題ではありません。

私は、現在だけでHTMLとCSS

私はこの仕事を得ることができる方法上の任意のアイデアを使用していますか?

+0

YouTube動画を埋め込むには、YouTubeのカスタム埋め込みコードを使用する必要があります。この埋め込みコードは、ほとんどの動画の下にYouTubeのウェブページで見つけることができます。 – jojonas

+0

特定のチャンネルの著作権機能を回避する方法はありますか? – jdavid

答えて

7

YouTubeでは、第三者が直接そのようなサイトを埋め込むことはできません。

<iframe width="640" height="360" src="https://www.youtube.com/watch?v=ZwKhufmMxko"> 
</iframe> 

を使用すると、(あなたが本当にこれらの事のためのコンソールをチェックする必要があります)これを示すためにエラーRefused to display 'https://www.youtube.com/watch?v=ZwKhufmMxko' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.が発生します。

幸いにもYoutubeには動画を埋め込むために必要な「埋め込み動画」オプションがあります。例えば

あなたのリンクのビデオは、iframeのコード生成します:

<iframe width="560" height="315" src="https://www.youtube.com/embed/ZwKhufmMxko" frameborder="0" allowfullscreen></iframe> 
+0

同じ問題を抱えていますが、埋め込みさえできません。しかし、ブラウザではうまくいきますが、AndroidのWebviewではビデオウィンドウにメッセージが表示されますが、エラーは発生していませんが、ログには何も表示されません。 – justdan0227

+0

@ justdan0227これは別の質問のようです。あなたはアプリにインターネットアクセス権が設定されていますか? – apokryfos

4

変更「を見て、V =?」正しいリンクを得るために

を「/埋め込む」する最も簡単な方法は、右することですYouTubeの動画をクリックし、「埋め込みコードをコピーする」を選択します。

<iframe width="854" height="480" src="https://www.youtube.com/embed/ZwKhufmMxko" frameborder="0" allowfullscreen></iframe> 
+0

ありがとうございました。 – jdavid

0

これは良い答えに 変更を中継「観る?V =」正しいリンクを得るために

を「/埋め込む」する最も簡単な方法は、右クリックして、YouTubeの動画にして「コピーを選択することです埋め込みコード"。

関連する問題