iframe не отображает YouTube

Question

Я искал несколько дней с проблемой встраивания видео через и не могу найти правильное решение этой проблемы.

Я редактирую купленный веб-шаблон html5 на localhost, используя FF в Linux.

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 styles, etcetera".