在文章中添加B站视频和西瓜视频的方法

在文章中添加视频的方式是在“简码”中添加视频链接代码，如下：

[iframe src="" width="100%" height="700" security="restricted" sandbox="allow-scripts allow-same-origin allow- popups" allowfullscreen="true"]

另一段高度自适应的代码如下：（本站使用的就是这段代码）

<iframe>的内容变化不大，只是将宽度修改为100%，并为<iframe>增加了一个名为“video”的id号。
第二段代码才是重中之重，它才是实现自适应的核心。如果只是设置宽度为100%的话，打开窗口是窄窄的一小条，因为高度并没有给定，所以它仍按默认的宽度来，所以需要通过javascript将宽度和高度关联，即高度等于0.8倍的宽度。

<iframe id="video" src="https://v.qq.com/txp/iframe/player.html?vid=t0937smmsj5" width="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>

在iframe src=””里面填写的是西瓜视频网站-分享按钮-出来的-“嵌入代码”中引号里面的那个视频地址，西瓜视频或B站视频都可以。比如下面这样的B站代码：

https://www.ixigua.com/iframe/7148068624203252259?autoplay=0

百度地图的嵌入代码：

<iframe src="https://map.baidu.com/search/%E7%8E%AF%E7%90%83%E8%B4%AD%E7%89%A9%E4%B8%AD%E5%BF%83/@11584963.756827319,3555731.05720835,18.5z?querytype=s&da_src=shareurl&wd=%E7%8E%AF%E7%90%83%E8%B4%AD%E7%89%A9%E4%B8%AD%E5%BF%83&c=75&src=0&wd2=%E6%88%90%E9%83%BD%E5%B8%82%E6%AD%A6%E4%BE%AF%E5%8C%BA&pn=0&sug=1&l=17&b=(11582681.420923552,3554502.857563208;11587801.420923552,3556920.857563208)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&sug_forward=60d02311de32343652e5c559&device_ratio=1" width="100%" height="580" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

在视频页，同一个页面添加多条视频的代码：

<iframe class="video" src="https://www.ixigua.com/iframe/7148068624203252259?autoplay=0" width="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<script type="text/javascript">
    // 调整视频高度的函数
    function adjustVideoHeights() {
        const videos = document.querySelectorAll(".video");
        videos.forEach(function(video) {
            video.style.height = video.offsetWidth * 0.8 + "px";
        });
    }
    // 初始调用和窗口大小变化时更新高度
    window.addEventListener("resize", adjustVideoHeights);
    adjustVideoHeights();
</script>