2017-05-29 4 views
1

私は自分のウェブサイト用の動画を持っており、これらの動画をHTML5の動画タグに表示したいと考えています。 iframeタグyoutubeをビデオタグに埋め込むことはできますか?htmlビデオタグでyoutube videoを使用する方法

<div class="col-md-6"> 
    <video class="video_link" width="320" height="240" controls="controls" id="3"> 
     <source src="" type="video/mp4" /> 
    </video> 
</div> 
+0

なぜyoutubeがあなたに与えている埋め込みフレームを使用しないのですか?それは動作しませんか? – Greaka

答えて

1

ブラウザがHTML5のvideoタグを認識しない場合は、1がvideoタグ自体に埋め込まれembedタグ内のsrc属性でそれにフラッシュSWFファイルとポイントをアップロードすることができます。

<video width="{#}" height="{#}" controls> 
    <source src="{ogg_file}.ogg" type="video/ogg" /> 
    <source src="{mp4_file}.mp4" type="video/mp4" /> 

    <!-- The fallback in case the browser doesn't recognize the HTML5 video tag --> 
    <embed src="{flash_swf_file}.swf" type="application/x-shockwave-flash" width="{#}" height="{#}"></embed> 
</video> 

iframeタグは、既存のページ内にページを読み込みます。たぶんiframeタグで指定された別のページに動画を載せたいと思っていたかもしれません。 iframeを使用する場合はいつでも、このコードをCSSファイルで使用することを検討してください。そうしないと、一部のブラウザではiframeの場所にボックスの行が表示されるためです。

CSSコードを動作させるには、開始iframeタグの最後にシームレスを含める必要があります。

<div><iframe src="{page_name}.html" height="{#}" width="{#}" seamless></iframe></div> 
0
<iframe class="youtube-player" type="text/html" width="640" height="385" 
    src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> 
</iframe> 
1

移動そのビデオに、あなたがビデオのリンクを組み込みます共有ボタンをクリックしてください。 ちょうどコピー&ペーストしてください。

<iframe width="560" height="315" src="https://www.youtube.com/embed/QBpz2fu10eY" frameborder="0" allowfullscreen></iframe> 
関連する問題