Is there a way to create a field that a user can input a link to a youtube video, but then style all the videos as max width 100% etc? Im trying to create a responsive video embed.
Warren Buckley is working on a new package called uTube which works really nicely, unfortunately it's not currently released so you have to build it with Grunt and Visual Studio (not sure if this is an option for you?). You can find the source here
There's also the FitVids plugin from http://fitvidsjs.com which is a JavaScript module that you can just link to in your master page. It will make YouTube or indeed anything that works with an iFrame scale responsively.
Responsive YouTube Embed
Is there a way to create a field that a user can input a link to a youtube video, but then style all the videos as max width 100% etc? Im trying to create a responsive video embed.
Kind regards.
Hi James,
The way I'd tackle this would be just to add a standard textbox input into which the user would paste the YouTube video URL, then use a technique like http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php or http://embedresponsively.com/ in your template to pull that video URL into the page, responsively.
Hope this helps...
Hi James,
Warren Buckley is working on a new package called uTube which works really nicely, unfortunately it's not currently released so you have to build it with Grunt and Visual Studio (not sure if this is an option for you?). You can find the source here
Jeavon
There's also the FitVids plugin from http://fitvidsjs.com which is a JavaScript module that you can just link to in your master page. It will make YouTube or indeed anything that works with an iFrame scale responsively.
is working on a reply...