2015-06-20 71 views
0

我是新來的HTML和我目前正在建立一個基於模板的網站。我試圖插入視頻,但是當我粘貼視頻的網址(YouTube,保存並刷新時,視頻應該是空白的頁面字段,如果我右擊它說「視頻未加載」 。我對視頻的HTML代碼爲:視頻插入到HTML網頁

<object class="alignimages" type="application/x-shockwave-flash" style="width:420px; height:315px;" data="https://www.youtube.com/watch?v=-Y8QxOjuYHg"> 
     <param name="movie" value="https://www.youtube.com/watch?v=-Y8QxOjuYHg" /> 
     <param name="allowFullScreen" value="true" /> 
     <param name="allowscriptaccess" value="always" /> 

我已經嘗試過其他的東西太多,沒有任何成功的任何想法

+0

您可以使用由YouTube爲您生成的嵌入代碼。 – Ryan

+0

您是否嘗試過其他任何YouTube視頻?這個特定的狀態「嵌入被請求禁用」 – nomistic

+0

我試過一些視頻沒有運氣。如果你想上傳一個隨機視頻,你會改變上面的參數。我對這些愚蠢的問題感到抱歉,但這是我對HTML5/CSS的第一部作品,我試圖弄清楚。 –

回答

0

到YouTube視頻添加到您的網站的最簡單的方法就是使用來實現它? iframe元素 在看視頻時,點擊「共享」,「嵌入」並將代碼複製/粘貼到您的HTML文件中

另外,請記住總是關閉你的標籤。

<object> 
    ... 
</object> 
0

我從來沒有使用Object標記之前,但我可以給一些替代方案:

第一種情況,如果你能得到的視頻文件,我應該這樣做:

<video id="video" controls> 
    <source src="./video/video.ogv"/> 
    <source src="./video/video.mp4"/> 
    <source src="./video/video.webm"/> 
</video> 

這是一個簡單的HTML5視頻標籤。工作正常。

OR,第二種情況下,你可以這樣做,如果你不想下載的視頻,你能找到另一個視頻,允許embetting,你可以做到這一點(我找到了你;)):

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

您缺少html5參數。下面的代碼段應該適合你:

<object width="420" height="315"> 
<param name="movie" value="http://www.youtube.com/embed/-Y8QxOjuYHg?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/> 
<param name="allowFullScreen" value="true"/> 
<param name="allowscriptaccess" value="always"/> 
<embed width="420" height="315" src="http://www.youtube.com/embed/-Y8QxOjuYHg?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/> 
</object>