Copied to clipboard

Flag this post as spam?

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


  • Bunnynut 136 posts 318 karma points
    Jul 22, 2013 @ 13:09
    Bunnynut
    0

    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?

  • Andrew 47 posts 105 karma points
    Jul 22, 2013 @ 15:33
    Andrew
    0

    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.

  • Bunnynut 136 posts 318 karma points
    Jul 22, 2013 @ 15:44
    Bunnynut
    0

    ? Really? Could you point me where i can find it?

  • Andrew 47 posts 105 karma points
    Jul 22, 2013 @ 15:45
    Andrew
    0

    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.

  • Bunnynut 136 posts 318 karma points
    Jul 22, 2013 @ 16:00
    Bunnynut
    0

    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.

  • Andrew 47 posts 105 karma points
    Jul 22, 2013 @ 16:05
    Andrew
    0

    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.

  • Bunnynut 136 posts 318 karma points
    Jul 22, 2013 @ 16:10
    Bunnynut
    0

    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.

  • Andrew 47 posts 105 karma points
    Jul 22, 2013 @ 16:17
    Andrew
    0

    Not sure why its not working for you.

     

    Are you getting this screen?

  • Bunnynut 136 posts 318 karma points
    Jul 22, 2013 @ 16:22
    Bunnynut
    0

    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.

  • Andrew 47 posts 105 karma points
    Jul 22, 2013 @ 16:32
    Andrew
    0

    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.

  • Bunnynut 136 posts 318 karma points
    Jul 22, 2013 @ 16:34
    Bunnynut
    0

    Great, thanks for your time!

  • Andrew 47 posts 105 karma points
    Jul 22, 2013 @ 16:46
    Andrew
    0

    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

     

  • Bunnynut 136 posts 318 karma points
    Jul 22, 2013 @ 17:11
    Bunnynut
    0

    Ok, im going to try that.
    I'll let you know what the results are.

  • Bunnynut 136 posts 318 karma points
    Jul 23, 2013 @ 09:45
    Bunnynut
    0

    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?

  • Andrew 47 posts 105 karma points
    Jul 23, 2013 @ 17:22
    Andrew
    0

    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. :(

  • Bunnynut 136 posts 318 karma points
    Jul 23, 2013 @ 20:45
    Bunnynut
    0

    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.

Please Sign in or register to post replies

Write your reply to:

Draft