Zblog视频宽度自适应

效果如下

实现方法

1.添加视频后设置为 标题1 。

这一步是为了去掉一些首行缩进的样式。

2. 在主题设置《页脚额外代码》中添加如下代码。

<script>$(function () {
             resizeIframe();
             $(window).resize(function () {
                 resizeIframe();
             });
         });

 function resizeIframe() {
          
            $("iframe").each(function () {
                expectWidth = $(this).parent().width();
                $(this).height(expectWidth * 9 / 16);
                $(this).width(expectWidth);
            });
        }
</script>

部分主题可能没有这个设置，请使用有这个设置的或者自行修改源码。
代码原理来自网络。

如果转载优酷、土豆视频等，怎么让视频自适应宽度？