Embed video/map in an article
Hello there,
I am trying to embed a video and a Google map inside an article (not as a separate block, but within the body of the article itself). On other platforms such as WP this can be easily done switching from visual to text in the article and embedding the code of the element - however this doesn't seem to be possible with Ucraft. Am I missing something?
Thanks!
-
Hey there, thank you for submitting to Ucraft Forum!
As far as we can tell one of our team members already answered your question via live chat. Just to sum it up.
Embedding a video or a map to the body of your Article is not possible yet. You can either use a hyperlink to your video or embed it out of the body with the help of our Video or Custom HTML elements. As for the map, you can drop an image of it or either use the Map / Custom HTML element out of the body.
Good news is, the feature will soon be available so stay tuned!Let us know if we can be any more of a help!
-
Hi there. You can go to embedresponsively.com for responsive embed codes.
With Youtube:
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/QILiHiTD3uc' frameborder='0' allowfullscreen></iframe></div>
With Vimeo:
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/66140585' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
Google Map:
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387144.0075834208!2d-73.97800349999999!3d40.7056308!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY!5e0!3m2!1sen!2sus!4v1394298866288' width='600' height='450' frameborder='0' style='border:0'></iframe></div>
Getty Images:
<style>.embed-container { position: relative; padding-bottom: 79.96632996632997%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='//embed.gettyimages.com/embed/137668307?et=0kKQE3OQU06k6Y-tD9FdZA&sig=MuEspy0rbDdvg7lpUAk77Pwaha2oc1_tUWsZTdH6IHE=' width='594' height='475' frameborder='0' scrolling='no'></iframe></div>
Dailymotion:
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.dailymotion.com/embed/video/xsr67x' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
-
Hey there!
Reaching out to let you know that adding videos to articles is now available! You can add videos in your articles without having to embed a code.
Feel free to leave your comments down below or contact us via Live Chat at ucraft.com.
Best,