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

你的问题并没有清除＆＃34; class＆＃34;的位置。我认为你因为插件而遇到问题。我想建议你不要使用任何插件。卸载与YouTube视频相关的所有插件，然后按照以下步骤操作。

有一些{{3}}。您所遵循的方法类似于本文中的方法3.

从YouTube视频中复制该代码。
转到要嵌入此视频的WordPress帖子。
转到文本编辑器并将复制的代码粘贴到div标签中，该标签包含类＆＃34; video-container＆＃34;。
保存。
转到＆＃34;外观 - ＆gt;编辑器＆＃34;来自WordPress左侧面板。
默认情况下，应打开style.css文件。如果没有，打开＆＃34; style.css＆＃34;文件。

按原样复制以下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%;
    }

点击＆＃34;更新＆＃34;。您的视频应具有移动可点击性和响应性。

Wordpress - Youtube嵌入在移动设备上无法点击

1 个答案: