Wordpress - Youtube 嵌入在移动设备上不可点击

Question

我的 Wordpress 版本是 4.6.6 我正在将我的 youtube 视频添加到我的 wordpress 网站，它可以在桌面设备上正常运行，但是当我从移动浏览器打开页面时，我可以看到 youtube 播放器和视频的缩略图，但我无法单击并播放它。

我试过ARVE Plugin、Youtube Widget Responsive Plugin和oEmbed，它们都可以在桌面上运行，但我不能在移动浏览器上播放它们（Android和iOS，它们都不能玩）

我也试过这个 youtube 嵌入代码，但我又失败了。

<iframe width="853" height="480" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

然后我将这些属性添加到 iframe 并注意到发生了。

 class="youtube-player" type="text/html" 

那么，问题出在哪里？我看不出有什么不对。它应该工作，但它不工作。

Answer 1

您的问题没有明确“类”的位置。 我认为你因为插件而遇到问题。我想建议你不要使用任何插件。卸载所有与 YouTube 视频相关的插件，然后按照以下步骤操作。

有一些shortcut methods to embed YouTube video (works on mobile too) See here。您所遵循的方法与本文中的方法3类似。

1. 从 YouTube 视频中复制该代码。
2. 转到要嵌入此视频的 WordPress 帖子。
3. 转到文本编辑器并将复制的代码粘贴到具有“video-container”类的 div 标记中。
4. 保存。
5. 从 WordPress 左侧面板转到“外观->编辑器”。
6. 默认情况下应该打开 style.css 文件。如果没有，请打开“style.css”文件。

7. 照原样复制下面的 CSS 代码。

   
       .video-container {
       position:relative;
       padding-bottom: 56.25%;
       padding-top: 25px;
       height: 0;
       }
       .video-container iframe, .video-container object, .video-container embed {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       }
   

8. 单击“更新”。 您的视频应该可以在移动设备上点击和响应。