ueditor插入第三方视频链接不显示,输入视频地址有误

疑难杂症   2023-05-08 09:03   176   0  


先说下我遇到的问题,

4671_7z2t_6788.png

ueditor插入第三方视频链接不显示,预览时提示输入视频地址有误,并且页面不显示视频。

经过分析测试,发现是播放器类型导致的。

解决办法如下:

1、ueditor.all.js

搜索其中的插入视频字符串方法 creatInsertStr(

4671_ivsz_7830.png

删除<embed>其中的type类型(type="application/x-shockwave-flash"),截图中已删除。

同时压缩版ueditor.all.min.js做同样操作,做完之后就解决了前台视频不显示问题了。

2、ueditor/dialogs/video/video.js

搜索其中方法createPreviewVideo(url),

4667_vram_4029.png

 删除<embed>其中的type类型(type="application/x-shockwave-flash"),截图中已删除。此处是解决预览时视频不显示的问题

3、解决不显示问题后,还有个问题就是插入第三方视频无法获取内容,经过网上查找了解如下:

ueditor.config.js中搜索whitList,在里面video下面增加一行

4666_ijm4_9733.png

embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', 'autoplay', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload']

温馨提示,别忘了video后面加逗号隔开。


如以上方法不可以,那就使用终极方法~

            case 'embed':
            case 'video':
                var ext = url.substr(url.lastIndexOf('.') + 1);
                if(ext == 'ogv') ext = 'ogg';
                str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
                    ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
                    '<source src="' + url + '" type="video/' + ext + '" /></video>';
                break;


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。
闲言碎语
没有人能够让你放弃梦想,你自己试试,就会放弃了。
赞赏支持

如果觉得博客文章对您有帮助,异或土豪有钱任性,可以通过以下扫码向我捐助。也可以动动手指,帮我分享和传播。您的肯定,是我不懈努力的动力!感谢各位亲~