组件化，提供插入视频功能，本地视频，网络视频链接

问题

1：该编辑器方案下，<video src="xxx" poster="" ... /> poster封面不显示

2：资源在沙盒/tmp目录下，视频播放三角形图标不显示

video-play.png

实现

封面问题

var html = '&nbsp;<video controls="controls" src="'+url+''+"?#t=0.000001"+'" '+style1+' ></video><br></br>';
document.execCommand('insertHTML', false, html);

在视频链接src后面拼接?#t=time，具体最小敏感粒度多大不知道，尽量小呗，因为这个时间点也就是视频开始播放的时间点：t=0.000001

这个方案可能不好，但是其他方案也试了，但都没有效果，比如：

var video=document.getElementById("video");//video标签对象
    video.οncanplay=function(){
        $("#video").attr("poster","https://www.xxt.cn/xxt_index/image/open-xxt.png");
        window.location = "";
        zss_editor.enabledEditingItems();
    }

document.getElementById("video").addEventListener('loadeddata',cut);

var cut = function() {
    var canvas = document.createElement("canvas");//创建画布
    canvas.width = video.videoWidth * scale;
    canvas.height = video.videoHeight * scale;//设定宽高比
    canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);//将视频此刻帧数画入画布
    var img = document.createElement("img");
    img.src = canvas.toDataURL("image/png");
    Dom.appendChild(img);//写入到Dom
};

播放图标不显示问题

偶现

dontknow.png

求教，一直妹解决这个问题，html资源在bundle中的时候是正常的，都放到沙盒里后就这了

ios 编辑器1-基于WKWebview的编辑器技术方案
ios 编辑器2-基于wkwebview编辑器加载本地html资源
ios 编辑器3-基于wkwebview编辑器插入网络图片不显示问题