How would you ensure your youtube video is responsive outside of an Umbraco context?
I think it's probably the same way as when the content comes from inside Umbraco but of course it depends how you usually fetch the video.
But when inserting a youtube video link in Umbraco it's being embedded using an iframe so it should be a matter of providing the iframe with with="100%" - or perhaps just controlling the with and height in CSS.
Is there a way to wrap the embedded iframe with a container and class? I'm trying to look throught the source for tinyMCE and the umbembeddialog, but I can't determine where the iframe is being added to the tinyMCE editor.
Being able to add a custom wrapper class to the iframe would solve the responsiveness issue. Simply adding 100% in the embed dialog is no good because the user may not want the video to be full width on a desktop website. This would also cause the video to stretch past it's source width.
Responsive Youtube Embed
I have just installed the standard template and started to tinker with it.
When uploading youtube urls, what is the best way to make the embed responsive?
I understand how to do this when i am not using a CMS. Could do with knowing how to implement it in umbraco.
Hi James and welcome to our :)
How would you ensure your youtube video is responsive outside of an Umbraco context?
I think it's probably the same way as when the content comes from inside Umbraco but of course it depends how you usually fetch the video.
But when inserting a youtube video link in Umbraco it's being embedded using an iframe so it should be a matter of providing the iframe with with="100%" - or perhaps just controlling the with and height in CSS.
Hope this makes sense? :)
/Jan
Is there a way to wrap the embedded iframe with a container and class? I'm trying to look throught the source for tinyMCE and the umbembeddialog, but I can't determine where the iframe is being added to the tinyMCE editor.
Being able to add a custom wrapper class to the iframe would solve the responsiveness issue. Simply adding 100% in the embed dialog is no good because the user may not want the video to be full width on a desktop website. This would also cause the video to stretch past it's source width.
is working on a reply...
This forum is in read-only mode while we transition to the new forum.
You can continue this topic on the new forum by tapping the "Continue discussion" link below.