Css wagtail hallojs编辑器视频嵌入填充底部
我在玩游戏,在使用默认的wagtail编辑器()插入视频时遇到了一个奇怪的Css wagtail hallojs编辑器视频嵌入填充底部,css,django,responsive-design,video-embedding,wagtail,Css,Django,Responsive Design,Video Embedding,Wagtail,我在玩游戏,在使用默认的wagtail编辑器()插入视频时遇到了一个奇怪的填充底部问题。结果表明,视频被包装在一个响应对象中,具有内联样式填充底部:62.5%。因为我的视频根本没有反应,我觉得有些事情我做得不对 我在嵌入的视频下面有一个巨大的填充物。我找不到一个地方解释如何集成wagtail的编辑器生成的html。有关于视频嵌入的问题,但没有什么有用的。解决方案 搜索.responsive object并找到它很容易。为了让一切看起来更好,我需要这个css: .responsive-objec
填充底部问题。结果表明,视频被包装在一个响应对象中,具有内联样式填充底部:62.5%代码>。因为我的视频根本没有反应,我觉得有些事情我做得不对
我在嵌入的视频下面有一个巨大的填充物。我找不到一个地方解释如何集成wagtail的编辑器生成的html。有关于视频嵌入的问题,但没有什么有用的。解决方案
搜索.responsive object
并找到它很容易。为了让一切看起来更好,我需要这个css:
.responsive-object {
position: relative;
padding-bottom: 67.5%;
height: 0;
margin: 10px 0;
overflow: hidden;
}
.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
结果
如果有人从hallojs编辑器中找到关于如何正确集成内容的信息,请留下评论或回答;) 仅供参考,本课程包含在“构建您的站点(面向前端开发人员)”文档中:谢谢,我刚刚意识到我在阅读文档中的构建您的站点时跳过了模板标记和过滤器
。只是我的小更新,我在最新的Wagtail 2.5.1中寻找draftail的解决方案,这些css类工作得非常好。我的youtube视频响应迅速,谢谢。