移动设备上的奇怪行为html5视频

Question

我的移动设备上的网站html5视频存在此问题。 在桌面版上它一切都很好，它工作正常。问题出在手机上。如果我打开侧边栏按钮，然后关闭它，我的视频控件就会消失。我只在iPhone 5s上有这个问题，然后我更改了一些标题和菜单位置设置，现在它也发生在我的三星安卓上......不知道该怎么办..

我正在使用video.js插件。

Preserve-3d不起作用：

video {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

我注意到，当我关闭菜单时，菜单按钮仍处于活动状态，这可能是一个主角吗？

http://goo.gl/jDc4LK

Answer 1

jPushMenu.js，第62 - 64行

    $('video').each(function() {
      $(this).removeAttr("controls");
    });

当你点击＆＃34;菜单按钮＆＃34;时，会执行这一大块代码。 它从视频标记中删除以下属性：

controls="true"

它导致＆＃34;播放控制＆＃34;消失了

<强> EDITED 我已检查过原始脚本，看起来此功能为not there

我想，你必须添加类似的＆＃34; addAttr＆＃34;行，在这个脚本的第70行的某处，如下所示：

jPushMenu.js，第72-76行

$('.lines, .text').show();
$(".x").hide();
$('video').each(function() { 
  $(this).attr("controls","true");
});

顺便说一句，以下也应该有效：

$('video').attr("controls","true");