Html視頻顯示 - 大小不正確？

Question

我試圖在一個HTML頁面中嵌入一個帶有iframe的YouTube視頻。我在懷疑（大小是錯誤的）。該鏈接的視頻：https://www.youtube.com/watch?v=EqQ6gy-tT9Y?autoplay=1

我的HTML代碼：

<section id="test"> 
    <div style="text-align: center;"> 
    <iframe src="https://www.youtube.com/watch?v=EqQ6gy-tT9Y? 
       autoplay=1" width="420" height="315" align="center"> 
     <p>Your browser does not support iframes.</p> 
    </iframe> 
    </div> 
</section> 

Answer 1

你應該已經從YouTube複製的嵌入代碼：

<iframe width="560" height="315" src="https://www.youtube.com/embed/EqQ6gy-tT9Y?autoplay=1" frameborder="0" allowfullscreen></iframe> 

注意，鏈接是：

https://www.youtube.com/embed/EqQ6gy-tT9Y

而不是

https://www.youtube.com/watch?v=EqQ6gy-tT9Y

你的代碼應該是：

<section id="test"> 
       <div style="text-align: center;"> 
       <iframe src="https://www.youtube.com/embed/EqQ6gy-tT9Y?autoplay=1" width="420" height="315" align="center"> 
        <p>Your browser does not support iframes.</p> 
       </iframe> 

       </div> 
    </section> 

順便說一句。：您曾在<iframe src="">屬性斷行，我不知道，如果你只是這樣做是爲了便於閱讀，但其根源問題，保持html元素屬性之外的換行符