contenteditable中添加video标签后就不可编辑了

Question

具有contenteditable="true"的元素中添加一个video标签后元素就变得不可编辑了,这是为什么呢?

<div contenteditable="true" style="width:300px;height:400px;">
  <video src="xxx"></video>
</div>

这样的话div就变得不可编辑了

Answer 1

请问您解决了吗，同问题求解答？

问题已找到解决方案：在video标签前后加 即可

Answer 2

这个主要针对元素的文本是否可编辑，也就是说元素内要有文本节点，没有本本节点当然操作不了了。