HTML5 ContentEditable添加视频

亚历克斯

因此,借助html5的contenteditable功能,您可以使用javascript嵌入图像...视频呢?有任何想法吗?我不知道从哪里开始。谢谢。

查理

您发布的小提琴使用该execCommand功能来更改contenteditable区域的格式要插入图像,它使用insertImage命令。完整的命令列表可以在“命令”下找到

没有用于插入视频的预定义命令,其含义如下:

  1. 不同的视频格式需要不同的包装
  2. 创建每种类型的视频包装程序所需的代码很麻烦,对于大多数人来说可能是多余的
  3. 没有完全实现的将视频嵌入页面上的标准方法(就像通过<img>标签嵌入图像一样)

无论如何,这里有一个命令叫insertHTML

在插入点插入HTML字符串(删除选择)。需要将有效的HTML字符串作为值参数传递。

因此,尽管它不能立即使用,但从理论上讲,您可以使用以下insertHTML命令创建自己的解决方案

  1. 提示用户输入视频网址
  2. 通过扩展名确定视频格式
  3. 创建一个包含正确的视频包装器的动态HTML字符串,方法可能是将格式与数组匹配,然后返回基本字符串
  4. 确保字符串是值
  5. 用于insertHTML在光标位置插入字符串

不过,我尚未对此进行测试,据我所知,将视频contenteditable完全嵌入是不可能的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章