quill的video模块插入的是iframe标签,我们需要的是video标签。
1、定义自己的video模块
declare const require: any; const quill = require('quill'); var blockembed = quill.import('blots/block/embed'); export class video extends blockembed { static create(value) { var node = super.create(value); node.setattribute('src', value); node.setattribute('width', '100%'); node.setattribute("controls","controls"); return node; } static value(node) { return node.getattribute('src'); } } video.blotname = 'video'; video.tagname = 'video'; video.classname = 'ql-video';
2、调用:
import { video } from './quill-video'; declare var require: any; const quill = require('quill'); quill.register({ 'formats/video': video }, true);
----------------------踩空分割线------------------
最开始写了下面的代码,倒是变成video标签了,但是不能播放:
var video = quill.import("formats/video"); video.tagname = "video"; quill.register(video, true); console.log(video);
如对本文有疑问, 点击进行留言回复!!
html5 datalist 选中option选项后的触发事件
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
网友评论