
iframe嵌入视频优化(iframe video optimization)插件支持将 iframe 嵌入视频等比缩放显示,
对 iframe 标签进行 HTML5 格式化,同时解决 iframe 因 CSP 而无法加载预览的问题等。
效果预览,默认的 iframe 内嵌视频的显示效果并不理想,通过本插件添加的 iframe 能自适应正文区域的宽度,并自动扩展高度:

如何使用?
在文章编辑页面通过本插件添加 iframe 视频即可。

可以在插件设置中添加自定义的 CSP 域名,避免出现因 CSP 问题而无法预览视频的问题。

最初是一位 Neditor 用户朋友提的建议,希望加到 Neditor 中,不过为了避免编辑器过于臃肿,
以及兼容其他编辑器等,还是做成插件更方便些。
原理其实很简单,就是加个 div 容器和相关样式。
.iframe-container {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
<div class="iframe-container">
<iframe src="url..." allowfullscreen></iframe>
</div>

免费插件,欢迎安装使用!
Neditor、Editormd、网易云音乐、多主题等插件的开发者。
请通过邮件(chrishyze#163.com,改#为@)联系我。
最后于 2019-12-5
被心扬编辑
,原因: