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

Question

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

我已经尝试过ARVE插件，Youtube小部件响应式插件和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视频相关的所有插件，然后按照以下步骤操作。

有一些快捷方式可以嵌入YouTube视频(也适用于移动设备(请参阅此处。您遵循的方法类似于本文中的方法 3。

1. 从YouTube视频中复制该代码。
2. 转到要嵌入此视频的WordPress帖子。
3. 转到文本编辑器并将复制的代码粘贴到具有"视频容器"类的div 标签中。
4. 省省吧。
5. 从WordPress左侧面板转到"外观>编辑器"。
6. 默认情况下，应打开样式.css文件。如果没有，请打开"样式.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. 点击"更新"。 您的视频应该在移动设备上可点击且响应迅速。