Vimeo video iframe source is not working
-
So I have an issue where I am noticing on the AMP version of the blog post but when it is served from https://cdn.ampproject.org, so my post is here:
https://blog.conversantmedia.com/2016/12/16/happy-holidays-conversant/
The amp version is here:
https://blog.conversantmedia.com/2016/12/16/happy-holidays-conversant/amp/The amp version now loads correctly because I added some JS to overwrite the iframe source to remove the extra code that gets added by AMP, and I want to make it stop adding the code on the AMP version.
So the iframe code looks normally like this:
<iframe src="https://player.vimeo.com/video/195699228" width="770" height="433" frameborder="0" title="Holiday Bots" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
but before I added my script to overwrite the /amp/ version it looked like this:
<iframe class="-amp-fill-content" name="amp_iframe0" frameborder="0" allowfullscreen="" sandbox="allow-scripts allow-same-origin" src="https://player.vimeo.com/video/195699228/de00a4e862?title=0&byline=0&portrait=0&color=ffffff#amp=1" style="z-index: 0;"></iframe>
You can see it added:
/de00a4e862?title=0&byline=0&portrait=0&color=ffffff#amp=1
So the issue is that the CDN of AMP Project does not pick up my JS even though my AMP version of the Post works:
https://blog.conversantmedia.com/2016/12/16/happy-holidays-conversant/amp/You can see the cdn.ampproject.org caching not accepting my code here:
https://blog-conversantmedia-com.cdn.ampproject.org/c/blog.conversantmedia.com/2016/12/16/happy-holidays-conversant/ampI have tried to clear this amp cache using these instructions:
https://developers.google.com/amp/cache/update-ping
but nothing is working, how do I make this code being added just stop getting added so the CDN works.
- The topic ‘Vimeo video iframe source is not working’ is closed to new replies.