Support Online : 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!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 121
Toufiq

Toufiq

Total Accepted Answers: 74
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 27
Ofi Khan

Ofi Khan

Total Accepted Answers: 12
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 10

120

Templates

311205

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