嵌入的视频未显示在页面上

时间:2020-08-19 作者:jplank

我正在建立一个与我患有的一种罕见疾病有关的wordpress网站。在一页上,我列出了一些与该疾病相关的视频。总共有34个视频。我将视频嵌入到页面中,并使用和标记隐藏视频,直到用户单击摘要链接。我遇到的问题是,即使在单击摘要链接后,视频通常也无法加载。我是wordpress的新手,不确定这是wordpress的问题还是因为有太多视频导致的。。。或者两者兼而有之。有人知道问题是什么吗?我该如何解决?谢谢

如果有助于查看该网站,请访问:https://www.myotoniacongenita.info/?page_id=13

1 个回复
最合适的回答,由SO网友:t2pe 整理而成

首先,这是一个多么伟大的项目!把所有这些信息整合在一起做得很好。

如果我查看您页面中的代码,我可以看到视频的宽度设置为0,高度设置为0。所以它们就在那里——只是不可见(基本上小于一个像素!)。这些维度有时是动态添加的,但也可以在插件中进行硬编码或控制。您是如何添加嵌入的-手动粘贴到代码中还是使用插件?

提示:如果在Chrome(或任何浏览器)中右键单击页面(尽管它们略有不同),然后单击“检查”,则可以看到所有原始代码。您可以找到包含视频的iframe元素(将鼠标悬停在摘要上时单击“检查”)。如果单击/聚焦iframe,您将看到它们的高度/宽度为0。实际上,您可以在inspector中更改这些内容,通过添加适当的宽度/高度,您将看到视频-这不是永久性的更改,只是证明了一个潜在的解决方案。

我希望这有助于你追踪这个问题。

附加-这是我在查看iframe时在Inspector中看到的内容。注意朝向元件末端的尺寸。

<iframe title="Myotonia Congenita Simplified" src="https://www.youtube.com/embed/1yiPdaGb-nw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" data-ratio="0.5625" data-width="640" data-height="360" style="display: block; margin: 0px; width: 0px; height: 0px;"></iframe>

相关推荐

基于POST所选内容打印OEmbedded URL,不带页面刷新

硬编码的HTML如下所示→ <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/G4Q0oX8wquU\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe> 但在WordPress的情况下,它应该来自元,即保存在Oembed中的URL。看看这张照片single.php 后端→我试过这种