Hey, 

I use the Universal Media Picker to select the You Tube video and then just embed it in XSLT.

The embed method here supports iPhone/iPad.

Not sure if it's the best method but working for me perfectly and takes about 10 mins to set up.

<xsl:variable name="field"><xsl:value-of select="homePageVideo"/></xsl:variable>

<xsl:if test="$field !=''">
<object width="455" height="280"><param name="movie" value="http://www.youtube.com/v/{$field}?version=3&amp;hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/{$field}?version=3&amp;hl=en_GB" type="application/x-shockwave-flash" width="455" height="280" allowscriptaccess="always" allowfullscreen="true"></embed></object>

</xsl:if>

Not sure how to do this using the RTE, but I always try to have Video/Media out of the RTE as Document properties.

Rich

Same here, I tend to not let content editors insert videos into TinyMCE - always seems to end in tears.

There's a comment on one of my old blog posts that might be helpful?

http://blog.leekelleher.com/2009/07/16/add-youtube-plugin-to-umbraco-tinymce/#comment-225

In the Richtext editor data-type, tick the Flash/media icon. This allows you to embed any type of Flash movie (swf) in TinyMCE.

The main downside is that you need to figure out the URL of the actual YouTube movie (swf); which is usually in the format of:

http://www.youtube.com/v/{YouTube Video Id}

Cheers, Lee.

Thanks for the replies, guys.

That blog comment was really useful in identifying how to make the TinyMCE insert work, but the problem is that youtube have obviously changed their URL definitions since that TinyMCE button was created and finding it in that format on the youtube site is a real bugger! There are just too many options and pitfalls for a content editor which result in empty white squares!

The oEmbed package http://our.umbraco.org/projects/website-utilities/oembed-macro-easy-embed-youtube,-flickr,-vimeo-etc seemed pretty cool because there are hardly any options (just URL and max height width) and it automatically wraps the URL and works for both youtube/vimeo. It is just a bit flakey. It has problems when I try to put more than one video on a page and more critically it often returns the error documented in here: http://our.umbraco.org/projects/website-utilities/oembed-macro-easy-embed-youtube,-flickr,-vimeo-etc/feature-requestbug-forum/23561-All-embedded-YouTube-videos-display-oohembed-error-message which means it's also not suitable. When the problems are ironed out that will be great but it's relying on a 3rd party service so there's always the risk that it could screw up.

I'm a fan of not letting content editors insert videos into TinyMCE too but sometimes it just has to happen and this is one of those cases :)

does anybody else have any suggestions or is this as good as it gets?

i have used the embeded contnet datatType and the iframe method embed method to let youTube and or vimeo handle all the device compatibllity issues.

I've got a Macro parameter that I've written for a project that allows you to specify a youTube channel that you own, and lets you pick a video from it, then embeds it in the page using a macro. Which you can then embed in the RTE using the add macro button.

The UI is horrible at the moment, but I could put it up on the projects section if anyone was interested (might take a while as I'm mad busy at the moment)?

@Tim That would be helpful to me.

I haven't tried it, but if you only need youtube this new project might work: http://our.umbraco.org/projects/website-utilities/youtube-embed-cross-browser-by-ava-ltd

So 6 months on does anyone have a solution that's not just tailored to relying on a thridparty service or assuming that it's a YouTube video?

Turning on the RichText Editor media icon in the datatype was the first thing I tried, and then have had nothing but issue with it all day, though if it worked then it's exactly what I'm after.

I'm getting close to just writing a macro to add the video based on the url, but I was hoping for a less custom solution. I wanted to allow my editors the ability to choose where within a large amount of content their video would appear as we're talking more advanced than the average user.

Hey Becky,

What type of video are you trying to embed? A local file, is it in the media section?

Personally I always try to avoid having the user added video (and images if I can) into the RTE as I'd rather have it separate so I can present it perfectly.

Rich

Hi Rich, 

Yes it's a local video at the moment whilst I test things, and it's in the media section, doesn't have to be though, there's the possibility that the videos could get uploaded to AWS, though this is under debate and could go either way. 

The main problem I've been having today is that no matter what I try I can't get the TinyMCE to not give me a [tidy error] when using HTML5 video option.

And yes I agree that for most instances I'd rather have the media not added in the RTE and infact I have used a textstring datatype on other sections of the site to control it better, but in this instance, on these particular pages, it really does make more sense to have it in the RTE, if i ever get the project out the door maybe I'll explain why a little better ;) 

Hi,

Have you considered adding the video as a Macro into the RTE rather than using TinyMCE controls?

Will give you the best of both worlds.

Rich

Thanks, that's the solution I've gone for at this time, I suppose at least I can control it my way, just seems a shame to be creating new macros to replicate functionality that seems to be there, just not working correctly :(

For anyone that comes across this thread and decides to do the same thing, it's worth checking http://our.umbraco.org/forum/developers/razor/21275-Rendering-RTE-with-embedded-macros-in-Razor if you haven't already tried embedding razor macros in RTE ;)

is working on a reply...