Question

我正在尝试在包含iframe的HTML网页中嵌入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元素属性之外

Html视频显示 - 大小不正确？

1 个答案: