Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Claushingebjerg 862 posts 2281 karma points
    Dec 09, 2014 @ 16:32

    Responsive Video using built in embed

    Im using the fitvids javascript to make embedded videos responsive.

    Is there a simple way to wrap a video from the built in embedder in a div, so i can target it with fitvids?

    Either in embeddedmedia.config or tinyMceConfig.config?

  • Dave Woestenborghs 3232 posts 10954 karma points MVP 5x admin c-trib
    Dec 09, 2014 @ 16:38
    Dave Woestenborghs

    Don't think so. But you can create your own oEmbed provider that wraps the output in a div.

    Here is the source code for the default video embed :

    Just wrap the output in a div. Don't forget to update the embeddedmedia.config


  • Claushingebjerg 862 posts 2281 karma points
    Dec 10, 2014 @ 08:42

    Well, i have the bad excuse of being a front ender, so im going for a client side solution.

    $( ".content iframe" ).wrap( "<div class='videowrapper'></div>" );

    Seems to work fine

  • MrFlo 148 posts 391 karma points
    Apr 25, 2017 @ 12:30

    I found this while googling so I will add the backend code.

    Create a class in your project:

    using System.Xml;
    using Umbraco.Web.Media.EmbedProviders;
    namespace ClassicCarPassion.EmbedProviders
        public class OEmbedVideo : AbstractOEmbedProvider
            public override string GetMarkup(string url, int maxWidth, int maxHeight)
                string requestUrl = BuildFullUrl(url, maxWidth, maxHeight);
                XmlDocument doc = GetXmlResponse(requestUrl);
                return "<div class=\"videowrapper\">" + GetXmlProperty(doc, "/oembed/html")+"</div>";

    Change the config:

    <!-- Youtube Settings -->
      <provider name="Youtube" type="ClassicCarPassion.EmbedProviders.OEmbedVideo, ClassicCarPassion">
        <requestParams type="Umbraco.Web.Media.EmbedProviders.Settings.Dictionary, umbraco">
          <param name="iframe">1</param>
          <param name="format">xml</param>
          <param name="scheme">https</param>

    You might have to change the setting for all video providers

  • Travis Schoening 37 posts 161 karma points
    Jun 29, 2017 @ 00:23
    Travis Schoening

    I'm trying to implement this, and I'm getting the error "Could not embed media - please ensure the URL is valid". Anyone try to do the same thing but get that result and figure out how to correctly use it?

    I'm using 7.6.3.


  • Eric Wilkinson 13 posts 83 karma points
    Oct 15, 2019 @ 13:30
    Eric Wilkinson

    It sounds like your youtube video URL didn't pass the validation that is defined in the urlSchemeRegex.

Please Sign in or register to post replies

Write your reply to: