项目中问题:quill富文本中插入的视频,表单发送给后台是iframe标签;所以前端拿到的视频为后台直接返回数据渲染,如下:
<iframe class="ql-video" frameborder="0" allowfullscreen="true" src="https://www.yinyueriji.net/square/video/26e59459-66fd-0f60-50ba-c50a16ae5196"></iframe>
以上代码会根据iframe标签src自动生成html直接渲染到页面,因此大小和自动播放我们是无法自动控制的;
解决办法: 可以转换为video标签发送给后台
//发送数据给后台时操作
data.replace(/iframe/g,'video');
data.replace(/class="ql-video"/g,'controls=controls');
以上方法就将iframe标签转换成了video标签,因为ifame标签自动生成的为html结构,不好操作,故可以直接修改为video标签来操作~
解决这个问题,还可以从前端这边获取数据入手,原理同上,在接收到后台数据时将iframe标签修改为video标签即可~
以上仅为项目中本人遇到这个问题的解决办法,欢迎指正~