Tagged: video embed
March 24, 2018 at 9:19 pm #1706
When embedding a Youtube video via pasting the URL into the content window, or posting a Google Maps embed code via <iframe>, both the video and the map are appearing in the post as wider than the block of text and are not resizeable no matter what I try.
Do you have any suggestions?
Thanks!April 2, 2018 at 2:16 pm #1722
I’ve set up a little test for the Google Maps iframe. Here it is: http://essentialist.mauer.co/google-maps-iframe-test
And here is the exact code I’m using in this test page:
<iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=THE_API_KEY &q=Space+Needle,Seattle+WA" allowfullscreen> </iframe>
(I’ve removed the API Key when posting the code here)
Please mind that I’ve set up the width parameter to be 100%.
The map inserted with this code does not seem to produce any issues.
Also, make sure to insert your iframe code in WP editor’s ‘Text’ mode (not ‘Visual’).
As for YouTube, here is a test page for YouTube and Vimeo: http://essentialist.mauer.co/responsive-video-embeds/
It just has the URLs dropped into the WP editor (the actual URLs copied from the browser address bar). Here is how this looks on the back end (in ‘Text’ mode, not ‘Visual’):
Please try the Google code above, and try inserting the videos the way shown here, and let me know if this works for you.
PaulApril 11, 2018 at 12:38 am #1740
Thanks for your reply!
Unfortunately, neither seems to be working. They both load much wider than the text width on the page and end up far too large. We disabled plugins to see if any of them were the issue, but nothing has helped.
Any other advice you have would be wonderful!
MauraApril 12, 2018 at 10:16 am #1742
Okay, let’s try the following:
Please create a new page (not post) on your website (make sure not to add it to the menu, so it remains unseen to your visitors).
When creating this page, make sure to use text editor (not visual). The switch is in the upper right corner of the editor. You can see it in the screenshot above.
Once in text mode, copy the exact text from here and paste it tou your page:
Here is a test of a Google Maps iframe: <iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBzvKEnCpME0iQBbsxEyqCs9-xJtktpD3I &q=Space+Needle,Seattle+WA" allowfullscreen> </iframe> He always thought of the sea as la mar which is what people call her in Spanish when they love her. Sometimes those who love her say bad things about her but they always speak of the sea as though she were a woman. Some of the younger fishermen, who had motorboats, speak of her as el mar which is masculine. They speak of her as a contestant or a place or even as an enemy. But the old man always thought of her as feminine and as something that gave or withheld great favors, and if She did wild or wicked things it was because she could not help them. The moon affects her as it does a woman, he thought. Here is a test of YouTube embed: https://www.youtube.com/watch?v=FniPoPixipY
Then send me a link to that page.
PaulApril 12, 2018 at 1:00 pm #1750
Here’s the page: http://afterwhitsett.com/google-maps-test/
Although we’ve been attempting to embed within posts, it seems they aren’t working on our pages either.
Thank again for your help!
MauraApril 12, 2018 at 1:07 pm #1751
Thank you, Maura
Here is how the exact same content looks on a clean theme install: http://essentialist.mauer.co/google-maps-iframe-test/. The map and the iframe are contained.
So there is something different in your installation. Can you please disable all plugins (except for Advanced Custom Fields Pro), and see if the issue persists?
Also, did you perform any modifications to the code of the theme?April 17, 2018 at 3:22 pm #1761
I disabled all the plugins (except for Advance Custom Fields Pro, which I have not been able to update since I don’t have the purchase key). I also re-downloaded a new theme zip file and activated it. The only edits we made were to include the CSS you
recommended in another thread for menu hovering.
Unfortunately, the issue doesn’t seem to be resolved.
We removed Jetpack from our site as it was causing incredibly slow site speeds. Could that have an impact on how videos display?
MauraApril 19, 2018 at 12:36 pm #1762
Maura, can you please send your WP Admin credentials to email@example.com, so I can take a closer look at the issue and probably fix it?June 18, 2018 at 2:22 am #2037
Was this ever resolved? Because I am having the same issue.June 30, 2018 at 12:53 pm #2094
If you prefer your inserted videos and maps to be the width of the text frame, please drop me an email with your WP Admin credentials to pavel [аt] mauer.co, and I’ll do this for you.
You must be logged in to reply to this topic.