html programmer needed for quick fix

Hello, I have an anomaly that I would like to have corrected. Below are similar html pages... [login to view URL] [login to view URL] The [login to view URL] works fine with a YouTube video using the following call... <object data="[login to view URL]"></object> ;however, when I replace the above video call with the following within the [login to view URL] file, it adds a lot of vertical space below the .mp4 video... According to [login to view URL], I needed to add the following 2 lines within the header which I did in the [login to view URL] file... <link href="//[login to view URL]" rel="stylesheet"> <script src="//[login to view URL]"></script> Then I needed to add the following to replace the YouTube video call above, which I did... <video poster="[login to view URL]" id="myvideo" class="video-js vjs-default-skin vjs-16-9 vjs-big-play-centered" controls preload="auto" width="770" poster="[login to view URL]" data-setup="{}"> <source src="[login to view URL]" type='video/mp4'> </video> The above replacement works great; however as you can see when you compare [login to view URL] and [login to view URL] files, you will see a lot of extra vertical space underneath the mp4 video and the "Download Facebook Ads 2019 Made Easy now" button. I don't know enough about html to correct the issue. I need someone's help. Thank you, Ross