Tagged: Youtube
-
AuthorPosts
-
July 17, 2017 at 9:34 pm #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 7 years, 4 months ago by Jose Ramon. Reason: Image link remain
July 17, 2017 at 11:40 pm #823007Hey 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,
NikkoJuly 18, 2017 at 5:49 am #823086Hi 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 RamonJuly 18, 2017 at 1:08 pm #823253Hi,
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,
NikkoJuly 18, 2017 at 1:55 pm #823286Hi Nikko:
Thank you, but no luck. Nothing changed in this case
Best Regards,
Jose Ramon- This reply was modified 7 years, 4 months ago by Jose Ramon.
July 19, 2017 at 3:39 am #823606Hi Jose Ramon,
Can we request for temporary admin access? so we can check further.
Best regards,
NikkoJuly 19, 2017 at 10:07 am #823797Of course Nikko. Here you are.
July 20, 2017 at 4:33 am #824341Hi 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,
NikkoJuly 20, 2017 at 11:01 am #824476Hi Nikko,
Thanks for your help. Here you are a video to help you to locate the page in question.
Best regards,
Jose RamonJuly 20, 2017 at 12:56 pm #824548Hi,
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,
NikkoJuly 20, 2017 at 1:24 pm #824581Hi Nikko,
What would be the question that should be asked to them quickly to understand what we want?
Best Regards,
Jose RamonJuly 20, 2017 at 10:10 pm #824871Hi,
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,
NikkoJuly 21, 2017 at 12:26 am #824913Okay Nikko:
I’ve sent the query and I’m waiting for the answer.
Best Regards.
Jose RamonJuly 21, 2017 at 3:58 am #824930Hi Jose Ramon,
Thanks, we will be waiting for your post also :)
Best regards,
NikkoJuly 22, 2017 at 12:44 pm #827143Hi 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 RamonJuly 23, 2017 at 6:45 am #828598Hi,
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,
RikardJuly 23, 2017 at 11:58 am #828648Hi Rikard,
Thanks for your valuable help.
You can close it.Best Regards,
Jose RamonJuly 23, 2017 at 2:30 pm #828674Hi Jose Ramon,
Glad we could help you. Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Youtube video with black bands in the mobile’ is closed to new replies.