Support Forum
Welcome to our community! Browse the forums, share a tip, give your feedback, ask a question, and search to find answers.

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!

5replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
  • 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!

    Like 2
    • Hadouken Hadge
    • Wannabe MMA reporter
    • Hadouken_Hadge
    • 4 yrs ago
    • Reported - view

    I just asked about this also, any news on this update yet? I'll be relying heavily on video and podcasts within my posts so currently the website is unfit for purpose

    Like
    • Coin Flip
    • Coin_Flip
    • 4 yrs ago
    • Reported - view

    I'm currently trying to use the embed option in the article but it doesn't seem to be working for me. Am I doing something wrong? Or is it not available yet?

    Like
  • 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>

    Like 1
  • 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,

    Like
Like2 Follow
  • Status Completed
  • 2 Likes
  • 3 yrs agoLast active
  • 5Replies
  • 86Views
  • 6 Following