Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • July 17, 2017 at 9:34 pm #822938
    Jose Ramon

    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 7 years, 5 months ago by Jose Ramon. Reason: Image link remain
    July 17, 2017 at 11:40 pm #823007
    Nikko

    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

    July 18, 2017 at 5:49 am #823086
    Jose Ramon

    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

    July 18, 2017 at 1:08 pm #823253
    Nikko

    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

    July 18, 2017 at 1:55 pm #823286
    Jose Ramon

    Hi Nikko:

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

    Best Regards,
    Jose Ramon

    • This reply was modified 7 years, 5 months ago by Jose Ramon.
    July 19, 2017 at 3:39 am #823606
    Nikko

    Hi Jose Ramon,

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

    Best regards,
    Nikko

    July 19, 2017 at 10:07 am #823797
    Jose Ramon

    Of course Nikko. Here you are.

    July 20, 2017 at 4:33 am #824341
    Nikko

    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

    July 20, 2017 at 11:01 am #824476
    Jose Ramon

    Hi Nikko,

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

    Best regards,
    Jose Ramon

    July 20, 2017 at 12:56 pm #824548
    Nikko

    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

    July 20, 2017 at 1:24 pm #824581
    Jose Ramon

    Hi Nikko,

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

    Best Regards,
    Jose Ramon

    July 20, 2017 at 10:10 pm #824871
    Nikko

    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

    July 21, 2017 at 12:26 am #824913
    Jose Ramon

    Okay Nikko:

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

    Best Regards.
    Jose Ramon

    July 21, 2017 at 3:58 am #824930
    Nikko

    Hi Jose Ramon,

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

    Best regards,
    Nikko

    July 22, 2017 at 12:44 pm #827143
    Jose Ramon

    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

    July 23, 2017 at 6:45 am #828598
    Rikard

    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

    July 23, 2017 at 11:58 am #828648
    Jose Ramon

    Hi Rikard,

    Thanks for your valuable help.
    You can close it.

    Best Regards,
    Jose Ramon

    July 23, 2017 at 2:30 pm #828674
    Nikko

    Hi Jose Ramon,

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

    Best regards,
    Nikko

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