We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Resize Youtube frame in articles automatically

Featured Lock Resolved Issue
Does someone know how to resize Youtube frames implanted in articles?

I have asked a programmer to make all of them fit on any devices automatically and he realized that.

Now, after my version update of design template, I lost that magic unfortunately.

(I don't want to resize the frame one by one because I have many articles with Youtube implants)

Thank you for your support!

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
the main question is: How you added those youtube clips into articles, manually or using youtube/video plugin?

Pavel

More than a month ago #Permalink
I do not quite understand the question too. Perhaps the main question - how to make a responsive YouTube video?

Hiro

More than a month ago #Permalink
I have iframe embedded youtube videos.
They have chosen sizes and I want to make all responsive by a custom css or something.

Thank you for tips.

Pavel

More than a month ago #Permalink
I have iframe embedded youtube videos.
They have chosen sizes and I want to make all responsive by a custom css or something.

Thank you for tips.

Place the embed code in a div with the class sppb-embed-responsive sppb-embed-responsive-16by9
Example

<div class="sppb-embed-responsive sppb-embed-responsive-16by9">
<!--Youtube ambed code-->
<iframe width="560" height="315" src="/youtube_link_goes_here" frameborder="0" allow="accelerometer autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<!--End of Youtube ambed code-->
</div>

If you use HTML ROW addon to insert code, in this case, simply add these classes in the addon class field
http://dl3.joxi.net/drive/2019/12/15/0008/0401/545169/69/7c17f3709d.jpg
Also, you can use Bootstrap classes https://getbootstrap.com/docs/4.4/utilities/embed/


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

330756

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us