调整Youtube视频在文章
回答是否有可能使Youtube视频嵌入知识库文章响应屏幕大小?亚博官方app
-
嗨@Sarah
是的,这是可能的。
文章代码(确保在粘贴代码时使用源代码):
CSS标签
.embed-container{位置:相对;padding-bottom: 56.25%;高度:0;溢出:隐藏;max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container embed {position: absolute;上图:0;左:0;宽度:100%;高度:100%; }
-
谢谢韦斯!只要把它应用到我们的知识库中,它就能完美地工作亚博官方app。
-
@Sarah -很高兴听到这个消息。祝你好运。
-
嘿,@Wes,
我找不到css选项卡来放置代码并在文章中显示视频:看看下面我的视频如何显示在编辑区,而不是在HC中:
-
@Marcio -通常发生这种情况是因为没有勾选“允许不安全内容”。转到您的帮助中心设置并勾选该框,应该可以解决您的问题。如果不是,就告诉我。
-
@Wes,成功了!!谢谢你,伙计:)
-
@Marcio -很高兴听到这个消息,祝你有美好的一天!
-
自这个主题以来,指南布局有改变吗?
我试图找到这里提到的CSS选项卡。
谢谢你!
-
@Matt -你应该能够直接使用文章编辑器嵌入YouTube视频,所以是的,它已经改变了。当你点击“添加视频”图标,你现在可以直接发布代码,所以不需要手动做了。
-
@Wes -谢谢。我们已经成功了,但是,我有另一个问题。
我们想嵌入视频(这很好),但希望它能在移动设备上自动调整大小。现在在移动设备上,它会切断视频并自动调整下面的文本大小。
我们尝试了以下代码,但没有成功:
<时尚> < !--
.embed-container{位置:相对;padding-bottom: 56.25%;高度:0;溢出:隐藏;max-width: 100%;高度:汽车;} .embed-container iframe, .embed-container object, .embed-container embed {position: absolute;上图:0;左:0;宽度:100%; height: 100%; }
——> < /风格>只是想知道是否有一个修复或我们错过的东西,或者如果它还不是一个功能在禅宗桌面指南允许这个代码。
谢谢你!
-
这看起来是正确的,但是您是否尝试在CSS选项卡上使用CSS,而不是在编辑器内内联。不确定这是否会产生影响,但我通常将CSS放在CSS选项卡内。试试吧。
-
@Wes -谢谢。是的,出于某种原因,我的自定义设计(眼睛图标)不工作,并试图重定向我。
https://help。* * * * * * * .com/access/unauthenticated ? return_to = /theming
一直挂在这里,不连接。
(****我们的网址)
文章已停止评论。
12个评论