iframe不显示youtube

Question

我搜索了几天的问题，无法通过嵌入视频 并且找不到该概率的正确解决方案。

我正在localhost上使用FF编辑在localhost上购买的Web html5模板。

HTML

 <!-- blog side -->
<section class="blog-side sp-seven blog-style-one standard-post video-post">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-sm-12 col-xs-12 content-side">
                <div class="blog-details-content">
                    <div class="wrapper">
                        <div class="videowrapper">
                        <iframe src="https://www.youtube-nocookie.com/embed/NNcvbxIODsY?start=15" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                    </div>                        

CSS

  .blog-side {
  position: relative;
}

.wrapper {
  margin: 0 auto;

} 
.videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0px;
}

.videowrapper iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
}

视频不显示，但显示以下错误代码-找不到文件：

我从YT获得的嵌入代码很长，并且具有许多我不感兴趣的属性，并且删除了其中一些具有相同结果的属性。

这是一个.js问题吗？

Answer 1

您的html文件如何命名？我认为您没有正确定位HTML文件（其中包含iframe和其余代码）。

---

之所以这样说，是因为您的屏幕快照显示名为<iframe width=...的文件不存在。

您的路径应为：

/home/esmeralda/Desktop/Belfast/myFile.html

在这里， myFile.html 是文件（具有.html扩展名），该文件的源代码为“ iframe，css样式等”。