iframe可以';在HTML中找不到YouTube视频

iframe可以';在HTML中找不到YouTube视频,html,iframe,youtube,Html,Iframe,Youtube,我正在为一个关于儿童电影的作业设计一个网站,我想我会放一个iframe来展示YouTube视频中的预告片。这是我使用的代码(仅用于测试视频) 这是测试iframe 结果是页面开始加载,然后出现一个框,显示“未找到文件或目录”。据我所知,代码是正确的。我不明白怎么了 任何帮助都将不胜感激,谢谢 不要忘记YouTube链接前的“http://”。这很好: <iframe width="560" height="315" src="http://www.youtube.com/embed/xx

我正在为一个关于儿童电影的作业设计一个网站,我想我会放一个iframe来展示YouTube视频中的预告片。这是我使用的代码(仅用于测试视频)

这是测试iframe
结果是页面开始加载,然后出现一个框,显示“未找到文件或目录”。据我所知,代码是正确的。我不明白怎么了

任何帮助都将不胜感激,谢谢

不要忘记YouTube链接前的“http://”。这很好:

<iframe width="560" height="315" src="http://www.youtube.com/embed/xxMcViTf7KU" frameborder="0" allowfullscreen>This is the test iframe</iframe>
这是测试iframe

您可以像这样尝试:

将其添加到index.html中-

<script src="https://www.youtube.com/iframe_api"></script>

然后像这样在html中使用:

 <div class="video-img-contr-2">
        <embed-video height="100%" width="100%" iframe-id="vimeo1" api="1" player_id="vimeo1" src="https://www.youtube.com/watch?v=qWiBjzY8j20">
              <a href="https://www.youtube.com/watch?v=qWiBjzY8j20">Watch</a>
        </embed-video>
     </div>

请参见快照中的内容:


你不想在www.youtubethan之前看到//那么多!当我编写代码时,我总是忘记这样做:/
 <div class="video-img-contr-2">
        <embed-video height="100%" width="100%" iframe-id="vimeo1" api="1" player_id="vimeo1" src="https://www.youtube.com/watch?v=qWiBjzY8j20">
              <a href="https://www.youtube.com/watch?v=qWiBjzY8j20">Watch</a>
        </embed-video>
     </div>