Ghost cms youtube视频嵌入大小

我在客户网站上遇到了一个bug。新帖子中的所有youtube嵌入现在都设置为width=“200”和height=“113”，但一些旧帖子中的视频嵌入为width=“612”by height=“344”

---

现在将嵌入设置为这个大小的Ghost代码库中有什么改变了吗？我试图将旧帖子的视频复制到新帖子中，以防youtube视频出现问题。但是它仍然将其设置为较小的大小。

这里有一种方法，您可以在

Ghost

中嵌入任何youtube视频，而无需指定

高度和
宽度。
您的嵌入式视频将在任何设备上响应，加载时间将非常短

通过进入
代码注入

/*
*@labnol嵌入的Light YouTube
*学分：https://www.labnol.org/
*/
功能标签框架（div）{
var iframe=document.createElement（'iframe'）；
iframe.setAttribute(
“src”，
'https://www.youtube.com/embed/“+div.dataset.id+”？自动播放=1&rel=0”
);
setAttribute（'frameborder'，'0'）；
setAttribute（'allowfullscreen'，'1'）；
iframe.setAttribute(
“允许”，
'加速计；自动播放；加密媒体；陀螺仪；画中画'
);
div.parentNode.replaceChild（iframe，div）；
}
函数initYouTubeVideos（）{
var playerElements=document.getElementsByClassName（'youtube-player'）；
对于（var n=0；n

并为样式添加一点CSS
.youtube播放器{
位置：相对位置；
垫底：56.25%；
身高：0；
溢出：隐藏；
最大宽度：100%；
背景：#000；
保证金：5px；
}
.youtube播放器iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：100；
背景：透明；
}
.youtube播放器img{
对象匹配：覆盖；
显示：块；
左：0；
底部：0；
保证金：自动；
最大宽度：100%；
宽度：100%；
位置：绝对位置；
右：0；
排名：0；
边界：无；
高度：自动；
光标：指针；
-webkit转换：0.4s全部；
-moz转换：0.4sall；
过渡：0.4s全部；
}
.youtube播放器img:hover{
-webkit过滤器：亮度（75%）；
}
.youtube播放器.播放{
高度：72px；
宽度：72px；
左：50%；
最高：50%；
左边距：-36px；
利润上限：-36px；
位置：绝对位置；
背景：url（'//i.imgur.com/TxzC70f.png'）不重复；
光标：指针；
}

现在你只需要在ghost中嵌入一行youtube视频



不要忘记在
video\u id
的位置添加视频id，我使用以下简单的js代码：

window.on（'load'，function（））{
$（'.kg-card.kg-embed-card>iframe'）.css（{高度：“344px”}）
}

卡片类别属于
2.16.4


如果使用另一个Ghost版本，请在示例文章中查找生成的类