Goodday,Im developing a digital magazine with umbraco inwhich editors of the magazine will be able to create articles.One of the thing that i want them to be able to do is add a video into the editor which they have uploaden in the media-section.There are all kinds of projects but they dont enable adding a video directly into the content.Adding a video-tag into de editor directly, by using the HTML-button, also removes this video-tag. Even after adding the video tag to the tinymceConfig.config it gets removed.Does anybody have a solution?
Thanks for the link, but i had actually already found and tried that one.
There is a couple of things wrong with it: 1. Not usable within the editor directly 2. You have to specify three different video-formats for each video, namely Ogg, webm and mp4.
You have to enable the macro to be used in the editor. (If I'm understanding you right)
The video formats shouldn't be a big deal, you can get a free (or cheap) converter online. Which will actually help your site by making the videos more compatible across different browsers.
I'm not aware of another way to do this besides just uploading the videos to a 3rd party like YouTube and embedding them. You can set them to private on YT so that they are only viewable where you embed them.
Im not going to edit the content of the website, other people wil do that. I cant ask them to convert a video twice, i might as well ask them to upload it to YouTube and use that URL. But thats not an option either.
It seems weird that its not possible to allow the video and source tags.
I get that screen, the problem is that the content is not rendering in the frontend. I can see <?UMBRACO in the source of the webpage. You're supposed to add some javascript and .css files but that also doesnt work.
And still, i dont want to specify three differen types of video-formats.
I have succeeded in allowing video-tags into the editor by changing the valid_elements setting in the /config/tinymceConfig.config: +video[width|height|controls|*],+source[src|type|*]
Apparantly you need force a recycle of the website, by changing the web.config, so the new setting will be loaded.
However when i insert the HTML 5 Video Macro into the editor and publish the content, there is no code at all, its just gone. Even when i put some test in there, it doesnt show up, so ite seems the macro isnt loaded at all.
Then i found another plugin, Designit Video Embed. Same problem. It seems that all these plugin are not made to use them inside an editor?
Add a HTML 5 video tag in RTE
Goodday,Im developing a digital magazine with umbraco inwhich editors of the magazine will be able to create articles.One of the thing that i want them to be able to do is add a video into the editor which they have uploaden in the media-section.There are all kinds of projects but they dont enable adding a video directly into the content.Adding a video-tag into de editor directly, by using the HTML-button, also removes this video-tag. Even after adding the video tag to the tinymceConfig.config it gets removed.Does anybody have a solution?
Ya I understand your issues. Good news is that there is an official HTML5 Video plugin for Umbraco.
It works pretty good, I've used it with 6.1.2 even.
? Really? Could you point me where i can find it?
Ya I meant to post the link, slipped my mind.
http://our.umbraco.org/projects/website-utilities/html5-video
Please mark this as solved if this works.
Hi Andrew,
Thanks for the link, but i had actually already found and tried that one.
There is a couple of things wrong with it:
1. Not usable within the editor directly
2. You have to specify three different video-formats for each video, namely Ogg, webm and mp4.
You have to enable the macro to be used in the editor. (If I'm understanding you right)
The video formats shouldn't be a big deal, you can get a free (or cheap) converter online. Which will actually help your site by making the videos more compatible across different browsers.
I'm not aware of another way to do this besides just uploading the videos to a 3rd party like YouTube and embedding them. You can set them to private on YT so that they are only viewable where you embed them.
I did enable that, doenst work.
Im not going to edit the content of the website, other people wil do that. I cant ask them to convert a video twice, i might as well ask them to upload it to YouTube and use that URL. But thats not an option either.
It seems weird that its not possible to allow the video and source tags.
Not sure why its not working for you.
Are you getting this screen?
I get that screen, the problem is that the content is not rendering in the frontend.
I can see <?UMBRACO in the source of the webpage.
You're supposed to add some javascript and .css files but that also doesnt work.
And still, i dont want to specify three differen types of video-formats.
Odd.
I think I might have found a way to enable html5 attributes in tinymce directly. Let me test and I'll get back to you.
Great, thanks for your time!
taking a while to find where this config is located in Umbraco, but here is what I found
http://www.tinymce.com/wiki.php/Configuration:schema
Working on finding out where that is located and if it works.
This post was in regards to Joomla's use of tinyMCE, but its referring to a built in property of the editor so it might work.
http://www.tinymce.com/forum/viewtopic.php?id=29171
Ok, im going to try that.
I'll let you know what the results are.
I have succeeded in allowing video-tags into the editor by changing the valid_elements setting in the /config/tinymceConfig.config:
+video[width|height|controls|*],+source[src|type|*]
Apparantly you need force a recycle of the website, by changing the web.config, so the new setting will be loaded.
However when i insert the HTML 5 Video Macro into the editor and publish the content, there is no code at all, its just gone.
Even when i put some test in there, it doesnt show up, so ite seems the macro isnt loaded at all.
Then i found another plugin, Designit Video Embed. Same problem.
It seems that all these plugin are not made to use them inside an editor?
Did you try manually adding thetag?
Also I forgot to ask, but what version of Umbraco are you using? I know certain versions have problems with tinyMCE.
I'm not sure the macro will work once you edit the tinyMCE config videos setting though. Let me test this way myself and I'll see what I get.
It will be tomorrow before I can test this though. :(
after adding the video and the source tag to the valid element im now able to add it to the editor and it now stays there.
so this works
I would rather use the Designit video plugin though, because its more dummyproof and allows to open video's in a lightbox.
I cant check the version right now, but i downloaded it only about 2 months ago.
is working on a reply...