Responsive YouTube Video
To make embedded YT videos responsive is easy (with the help of some code from, demosthenes.info in this case), but to be able to allow a subscriber to add a video to a listing on the Vantage theme and make it responsive is a bit more difficult.
The CSS element is easily added to style.css in the child theme.
Code:
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
The problem is that the iframe (stripped of height, and width fields) needs to be wrapped in a div, and the only place to embed a video at present, is in the 'Business Description'
HTML Code:
<div class=responsive-container>
<iframe src="http://youtube.com/embed/m4cgLL8JaVI?rel=0" frameborder="0" allowfullscreen>
</iframe>
</div>
Could anyone on this forum come up with a solution that would allow this to be done, with the subscriber only needing to paste the iframe code into their listing form?
I'm hoping so!
Dave
2Likes
Reply With Quote