Extra Spacing with Video Wrapper
-
I have embedded a youtube video, and I am getting a bunch of spacing after the video that is unwanted and creating gaps in the content.
When I inspect the elements in Chrome, this is what I am seeing, that I suspect is causing the issue, but I am nor sure how to clean this up…
Edit page content:
<hr />
<h3 class=”entry-title”>Tammi S.</h3>
<object style=”width: 560px; height: 315px;” data=”https://www.youtube.com/v/EPV6_UF8_YM?color1=339900&color2=003333&showsearch=0&showinfo=0&version=3&modestbranding=1&fs=1″ type=”application/x-shockwave-flash” width=”300″ height=”150″><param name=”movie” value=”https://www.youtube.com/v/EPV6_UF8_YM?color1=339900&color2=003333&showsearch=0&showinfo=0&version=3&modestbranding=1&fs=1″ /><param name=”allowFullScreen” value=”true” /></object><hr />
<h3 class=”entry-title”>Ellen H.</h3>
Actual Chrome output, inspected code, as you can see there is a lot of added <p> tags with padding and the fluid video wrapper that I suspect is mucking things about:
<p><div class=”fluid-width-video-wrapper” style=”padding-top: 50%;”><object style=”width: 560px; height: 315px;” data=”https://www.youtube.com/v/EPV6_UF8_YM?color1=339900&color2=003333&showsearch=0&showinfo=0&version=3&modestbranding=1&fs=1″ type=”application/x-shockwave-flash” id=”fitvid317542″><param name=”movie” value=”https://www.youtube.com/v/EPV6_UF8_YM?color1=339900&color2=003333&showsearch=0&showinfo=0&version=3&modestbranding=1&fs=1″><param name=”allowFullScreen” value=”true”></object></div></p>
Any ideas would be greatly appreciated!
Cheers,
Rich
- The topic ‘Extra Spacing with Video Wrapper’ is closed to new replies.