Video HTML5 Source Tags Auto Closed and Duplicated

I've upgraded ckeditor to version 3.6.1 in hopes of using HTML5 in the editor and it is not working properly.

I have a drop down that selects a video, then a hidden div contains all the <video></video> code. I would then click a button to add the video into ckeditor at the current cursor's position. I can't really use a custom ckeditor control here as any number of videos need to automatically be added as fallbacks, as well as a flash version in the video tag.

I have to get this working correctly as soon as possible, can someone help?

Here is the button that is clicked:

 <input type="button" id="btnInsertVid" value="Do It" />

Fri, 08/05/2011 - 17:23

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Video HTML5 Source Tags Auto Closed and Duplicated

The answer is simple, current browsers were created when such <video> didn't exist, or they do support it, but it hasn't been tested on an editable context. The result is that when you're editing such content the browser might do strange things with those tags.

Of course, some browser might behave correctly and handle everything ok, but that's not your concern.

So you'll have to use a plugin to handle those issues.

Tue, 12/06/2011 - 09:44

superthin

Joined: 06/12/2011

Posts: 1

Re: Video HTML5 Source Tags Auto Closed and Duplicated

alfonsoml wrote:The answer is simple, current browsers were created when such <video> didn't exist, or they do support it, but it hasn't been tested on an editable context. The result is that when you're editing such content the browser might do strange things with those tags.

This is not valid/satisfactorily explanation. I used all my browser like: Mozilla Firefox, Google Chrome, Opera, Internet Explorer,... everything is too bad. Code was duplicated many times. Ex:

<div style="video-center">
      <video controls="controls" height="375" poster="/misc/poster.jpg" tabindex="0" width="500">
         <source src="/video/bbc/the_human_body_7.webm" type="video/webm">
         <p>Your browser does not support the video tag., please use Firefox &gt;=4.0, Chrome &gt;=6.0</p>
         </source></video>
   </div>
   <source src="/video/bbc/the_human_body_7.webm" type="video/webm"><source src="/video/bbc/the_human_body_7.webm" type="video/webm"><source src="/video/bbc/the_human_body_7.webm" type="video/webm">
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   </source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></source></p>

It made me crazy. Who knows how to solve the problem?

Thank you very much!
Best regards,
SuperThin

Tue, 12/06/2011 - 10:52

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Video HTML5 Source Tags Auto Closed and Duplicated

If you use this plugin it will work fine in all browsers: viewtopic.php?f=18&t=23606
But if you prefer to do it in your own way: good luck!

Wed, 02/18/2015 - 23:37

(Reply to #4) #5

mallikamt

Joined: 19/09/2012

Posts: 26

Hello, I am seeing this issue

Hello, I am seeing this issue as well with the source tag residing in an "audio controls" tag. The source tag parts get duplicated. Any updates on how to fix this? Thanks.

Mon, 02/23/2015 - 16:36

skymedia

Joined: 01/03/2011

Posts: 5

It's been 4 years since I've

It's been 4 years since I've messed around with this, but the problem was either the code or a real player plugin, can't remember which.