在HTML5模板中嵌入Youtube

Noob在这里用HTML5/CSS3 Bootstrap 3.35响应模板提问关于将YT视频嵌入博客页面的问题

我正在尝试将iframe片段放置在适当的位置以实现适当的功能。这是HTML代码

点击/激活视频后，我会看到一个错误页面，上面写着“找不到文件”

我做错了什么？我不是一个编码员，但有足够的指导我可以找到自己的路

欢迎所有建议

插件列表在这里

!--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>

--jquery js-->

---

注意“fancybox.js”和“html5 lightbox.js”

您的HTML格式不正确。您需要删除

iframe

周围的

a

标记

<!-- 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>

href属性仅适用于URL和散列ID。您只是在使用引导吗？没有引导3.5，3.4也没有灯箱。我们能看看完整的代码吗？Bootstrap 3.35是CSS。/*！*Bootstrap v3.3.5（）*版权所有2011-2015 Twitter，Inc.*根据麻省理工学院许可（）/*/！！normalize.css v3.0.3 | MIT License/*！|github.com/necolas/normalize.css/html{/！感谢您的回答。但是，删除标签后，lightbox功能消失了。不过，视频仍然无法播放。

<!-- 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>