M
michaelgr42Aug 4, 2020
I have encountered an issue where my iframe is being pushed down to the bottom of the page when it is loaded. I believe the problem is coming from either the plugins.min.js file or the functions.js as when these are removed the bug no longer happens.
I am looking for some insight into how I can resolve this.
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Iframe</title>
</head>
<body>
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container center clearfix">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"
allowfullscreen></iframe>
</div>
</div>
</div>
</section><!-- #content end -->
</div><!-- #wrapper end -->
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/plugins.min.js"></script>
<script src="js/functions.js"></script>
</body>
</html>