Issues with Video tag

[Jakub Ś]

Tested in Blink.

Issue 1:

1. Insert below code into editor

   <div>video s^tarts<video src="some.mp3"></video>ends here</div>
   

2. Put cursor where mark ^ is
3. Start pressing delete

Result: Once you have reached 'S' before video tag. The letter s and video gets removed. This issue is specific to CKEditor.

---

Issue2:

1. Insert below code into editor

   <div>video s^tarts<video src="some.mp3"></video></div>
   

2. Try putting cursor behind video.

Result: If video element is last element in editor there is no possibility to move cursor behind it. Reproducible also in native contenteditable.

---

Issue 3: It is not possible to select video tag in editor in Blink, Webkit and FF. If you click on video, cursor stays somewhere in the text. This is probably why element's path also doesn't show that video is selected.
If you try to select video with mouse (selecting element from left to right), you will get JS error: Permission denied to access property "files"

---

Issue 4: If you insert video tag like the one in comment:5 and start clicking next to it, you will get JE error:
Permission denied to access property "nodeType"

We have two solutions here: try providing support for native tag or avoid problems and choose known stable solution like the one we have already chosen for Flash or Ifame plugins which is Place Holders.

[Jakub Ś]

Sample Video tag

<div>
<video controls="" height="240" width="320">
<source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4" />
<source src="http://www.w3schools.com/tags/movie.oog" type="video/ogg" />
 Your browser does not support the video tag.</video>
</div>

[Jakub Ś]

This issue is a part of more general one: #9457.