How to make video articles responsive?

Hey,
Try adding your videos through shortcode like this:
[kad_youtube url="https://www.youtube.com/watch?v=PtSeS0irq6A" maxwidth=1200 ]
Does that work for you?

Hannah

Hello,

Hannah, thanks for the reply.

The solution you recommended does not solve my problem because I already have 82 articles that have video.

I want to leave all the videos that already exist on the site and the new videos that I will still add responsive.

How do I do that?

Thank you.

I’m seeing your videos responsive now. Did you change something?

Hannah

Hannah,

I haven’t changed anything. Videos are not yet responsive.

I just auditioned with a few videos using the code you gave me to see if it worked.

This code: [kad_youtube url = “https://www.youtube.com/watch?v=PtSeS0irq6A” maxwidth = 1200]

But I have many articles with video and that is why it is impossible to insert the code manually in each article.

I want to make videos that have already been published and videos that will be published in the future responsive automatically.

In this URL you can see that the videos are not yet responsive: https://www.blogdoheroi.com.br/fatos-sobre-a-vida-real-do-mister-bean/

Please help me!

You’re not uploading your videos the correct way, but a workaround would be to set a max-width for your videos when below a certain screen width. Like this:

@media (max-width: 544px) {
.entry-content iframe  {
    max-width: 350px;
    max-height: 350px;
}
}

You can paste that into your custom css box in Theme Options > Advanced Settings.
Hope it helps!

Hannah

Hannah,

The code you sent didn’t work. The videos are still not responsive.

Is there any other code you can send me to see if it makes the videos responsive?

You mentioned that I am inserting the videos in the wrong way.

I insert the videos like everyone else does:

YouTube -> Share -> Embed Code

<iframe width = “560” height = “315” src = “https://www.youtube.com/embed/SYb24ncjVsY&#8221; frameborder = “0” allow = “accelerometer; autoplay; encrypted-media; gyroscope; picture-in -picture “allowfullscreen> </iframe>

What is the correct way?

Please help me make the videos responsive!

Thank you!

The simplest way is to use the shortcode I provided above. If you’re embedding then in your iframe you need to change “width” to “max-width”.

Hannah

Hannah,

It worked. You are a genius.

Thank you so much for your support.

All good for you.

Thanks!

Oh good! Happy to help:)

Hannah

Hello,

I’m trying to insert an advertising code after the content, but it doesn’t appear when the code is added.

This is the code:

<script type=”text/javascript”>
(sc_adv_out = window.sc_adv_out || []).push({
id : “723025”,
domain : “n.ads1-adnow.com”
});
</script>
<script type=”text/javascript” src=”//st-n.ads1-adnow.com/js/a.js”></script>

How do I make the code appear after the content of the posts?

Thank you!