Youtube embeds not showing on the webpage

  • Resolved juanpe3

    (@juanpe3)


    3 years, 10 months ago

    Hello! Hope you’re having a great day,

    I have a problem on my website, as videos are not displaying whether on drafts or published versions of the articles. I tried to change from OceanWP to different themes and they are showing on every page, so I think it may be a problem of compatibility between the Youtube embed block and the current theme.

    I tried clearing out the caché, deleting plugins like Autoptimize because of the lazy loading and even deleting Elementor, which helped me watch the videos from this page only: https://tuwebanime.com/articulos/historia-del-anime/series-peliculas-anime-90/

    However, most of the pages on my site are not displaying the videos, like this one. They should should appear in the blank spaces in between headings:

    https://tuwebanime.com/articulos/historia-del-anime-v-series-70-80/

    Could you help me to find out what the problem is? I’ve had it for some months and it looks difficult to resolve. I’ll be forever grateful if you lend me a hand guys, so if you need any more info just ask.

    Thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Abhishek

    (@abhikr781)

    3 years, 10 months ago

    Hello,

    Have you added the below Custom CSS code? If yes, please try to remove that and check.

    .wp-block-embed__wrapper:before {
    padding-top: 0!important;
}

    If you have not added the above CSS code, please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 56.25% !important;
}
    Thread Starter juanpe3

    (@juanpe3)

    3 years, 10 months ago

    Thank you for the reply Abhishek! I’ll try it out as soon as I can and will tell you if it works. Have a great day

    Thread Starter juanpe3

    (@juanpe3)

    3 years, 10 months ago

    Thank you very much! Videos are showing perfectly after I deleted the first code that you sent me.

    However, they now show full width, is there anyway to adjust them to lower dimensions for height and width?

    • This reply was modified 3 years, 10 months ago by juanpe3.
    Abhishek

    (@abhikr781)

    3 years, 10 months ago

    You are most welcome and glad to hear that the previous solution worked well.

    For the full-width video issue, please add the below CSS code and check.

    .single-post.content-max-width .entry-content figure {
    margin: 1.5em auto;
    max-width: 700px;
}
    Thread Starter juanpe3

    (@juanpe3)

    3 years, 10 months ago

    It’s all good now after inserting your code, videos have the perfect size.

    To me it looks like magic, can’t believe how much you helped me Abhishek. Thanks a lot and I wish I could help you back somehow. See you around pal! Have a nice day

    Abhishek

    (@abhikr781)

    3 years, 10 months ago

    You are most welcome and Glad to hear that the solutions worked well.😊🙏

    P.S. If you have a moment and are happy with our support, we would really appreciate it if you could write a short review about your experience using this link:
    https://wordpress.org/support/theme/oceanwp/reviews

    • This reply was modified 3 years, 10 months ago by Abhishek.
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Youtube embeds not showing on the webpage’ is closed to new replies.