Вставить Youtube в шаблон HTML5 - PullRequest
Новая
       8

Вставить Youtube в шаблон HTML5

0 голосов
/ 22 января 2019

Noob здесь с отзывчивым шаблоном HTML5 / CSS3 Bootstrap 3.35 о встраивании видео YT в страницу блога.

Я пытаюсь поместить фрагмент iframe в нужное место для правильной работы.Это код 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="video-gallery">
                        <img src="images/news/video.jpg" alt="Awesome Video Gallery">
                        <div class="overlay-gallery">
                            <div class="icon-holder">
                                <div class="icon">
                                    <a class="html5lightbox" title="Garden Video" href="<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/NNcvbxIODsY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><i class="fa fa-play"></i></a> 
                                </div>
                            </div>    
                        </div>
                    </div>

Что я делаю не так?Я не кодер, но могу найти свой путь с достаточным руководством.

Все предложения приветствуются.

Список плагинов находится здесь 

!--jquery js -->
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/validation.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>

Обратите внимание на "fancybox.js" и "html5 lightbox.js"

1 Ответ

0 голосов
/ 22 января 2019

Ваш HTML не правильно отформатирован. Вам необходимо удалить тег a вокруг iframe. 

<!-- 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="video-gallery">
                        <img src="images/news/video.jpg" alt="Awesome Video Gallery">
                        <div class="overlay-gallery">
                            <div class="icon-holder">
                                <div class="icon">
                                <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/NNcvbxIODsY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><i class="fa fa-play"></i> 
                            </div>
                        </div>    
                    </div>
                </div>
...