如何在html視頻標籤中使用youtube視頻

我有我的網站的youtube視頻，我希望在HTML5的視頻標籤中顯示這些視頻。是否有可能將iframe標籤youtube嵌入到視頻標籤中？如何在html視頻標籤中使用youtube視頻

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

來源

2017-05-29 Deb

爲什麼不使用嵌入式框架youtube給你？它不工作嗎？ – Greaka

如果瀏覽器不承認HTML5視頻標籤，那麼可以在嵌入標籤，該標籤嵌入視頻標籤本身的src屬性上傳Flash 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所在的位置顯示框線。

iframe[seamless] { 
    background-color: transparent; 
    border: 0px none transparent; 
    padding: 0px; 
    overflow: hidden; 
}

要使CSS代碼正常工作，必須在打開iframe標記的末尾包含無縫。

<div><iframe src="{page_name}.html" height="{#}" width="{#}" seamless></iframe></div>

來源

2017-05-29 05:40:22 orbit

<iframe class="youtube-player" type="text/html" width="640" height="385" 
    src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"> 
</iframe>

來源

2017-05-29 05:41:01

去那個視頻，點擊分享按鈕，您將嵌入式鏈接，視頻。只需複製並粘貼到你想要的位置。

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

來源

2017-05-29 05:41:04

如何在html視頻標籤中使用youtube視頻

回答

相關問題