Quill插入html5的video标签
程序员文章站
2022-07-28 22:40:12
quill的video模块插入的是iframe标签,我们需要的是video标签。 1、定义自己的video模块 2、调用: 踩空分割线 最开始写了下面的代码,倒是变成video标签了,但是不能播放: ......
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);