菜鸟在这里使用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灯箱.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>