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

Question

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

我试过ARVE Plugin , Youtube Widget Responsive Plugin和 o嵌入 ，它们都可以在桌面上运行，但我无法在移动浏览器上播放它们(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。

从 YouTube 视频中复制该代码。

转到要嵌入此视频的 WordPress 帖子。

转到文本编辑器并将复制的代码粘贴到具有“视频容器”类的 div 标记中。

保存。

从 WordPress 左侧面板转到“外观->编辑器”。

默认情况下，应该打开 style.css 文件。如果没有，请打开“style.css”文件。

照原样复制下面的 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%;
    }

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