Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #822938

    Hello,
    If I use video shorcode with rel = 0, I will get an error for Google amp view. So I’m using iframe code (ref.1) which works fine in normal view and Google amp view. The problem comes if you see the page on a mobile (ref. 2), because the size of the video is not correct and black bands come up and down.

    I hope you can help me.
    Best Regards.
    Jose Ramon

    • This topic was modified 6 years, 8 months ago by Jose Ramon. Reason: Image link remain
    #823007

    Hey José Ramón,

    Can you try to replace the iframe code you used with this one: https://pastebin.com/Wy8uQz9V
    Hope this helps :)

    Best regards,
    Nikko

    #823086

    Hi Nikko!

    Thanks a lot. With that code is almost perfect. The only thing is that in amp version (Ref. 2) the right margin doesn’t exist. (Ref.1).

    Best Regards,
    Jose Ramon

    #823253

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    amp-iframe {
        max-width: 100%;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #823286

    Hi Nikko:

    Thank you, but no luck. Nothing changed in this case

    Best Regards,
    Jose Ramon

    • This reply was modified 6 years, 8 months ago by Jose Ramon.
    #823606

    Hi Jose Ramon,

    Can we request for temporary admin access? so we can check further.

    Best regards,
    Nikko

    #823797

    Of course Nikko. Here you are.

    #824341

    Hi Jose Ramon,

    Thanks for providing the access, however I could not located the page where you can edit it. The code I gave should work, however that page doesn’t fetch css from Quick CSS.

    Best regards,
    Nikko

    #824476

    Hi Nikko,

    Thanks for your help. Here you are a video to help you to locate the page in question.

    Best regards,
    Jose Ramon

    #824548

    Hi,

    Thanks for providing the video, I have added the css code in Insert Script to < head > which should add the code but doesn’t seem to work on that amp page but the page itself when you check it does works well. I’m not sure how to add the css there. Can you try to ask for the amp plugin’s support, maybe they can help with it.

    Best regards,
    Nikko

    #824581

    Hi Nikko,

    What would be the question that should be asked to them quickly to understand what we want?

    Best Regards,
    Jose Ramon

    #824871

    Hi,

    Try asking how you can add custom css code in amp pages, since it’s not fetching the css files of the theme.

    Best regards,
    Nikko

    #824913

    Okay Nikko:

    I’ve sent the query and I’m waiting for the answer.

    Best Regards.
    Jose Ramon

    #824930

    Hi Jose Ramon,

    Thanks, we will be waiting for your post also :)

    Best regards,
    Nikko

    #827143

    Hi Nikko;

    I’ve found where can I add custom css code for this amp page. In amp pluggin setting there a option for “Design” and at the end of that page there a box for Custom CSS. There I’ve write the code you mentioned:

    amp-iframe {
    max-width: 100%;
    }

    (Step by step in this video)
    And voilà! now the youtube image is perfect.

    Thak you so much for your help.
    Jose Ramon

    #828598

    Hi,

    Great, glad you got it working and thanks for sharing your solution :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #828648

    Hi Rikard,

    Thanks for your valuable help.
    You can close it.

    Best Regards,
    Jose Ramon

    #828674

    Hi Jose Ramon,

    Glad we could help you. Thanks for using Enfold :)

    Best regards,
    Nikko

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Youtube video with black bands in the mobile’ is closed to new replies.