Странное поведение html5 видео на мобильном телефоне

Question

У меня есть эта проблема с моим видео html5 на мобильных устройствах. На настольной версии все хорошо, он отлично работает. Проблема в мобильном. Если я открою меню боковой панели, а затем закрою его, мои элементы управления видео исчезнут. У меня была эта проблема только на iphone 5s, затем я изменил некоторые настройки заголовка и меню, и теперь это происходит и на моем андроиде samsung ... Не знаю, что делать.

Я использую плагин video.js ,

-заповедник 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"); 
    }); 

Этот фрагмент кода запускается на выполнение, когда вы нажмете кнопку "Menu". Он удаляет следующий атрибут из видео тэга:

controls="true" 

И это приводит к «управлению воспроизведением» получение исчез

EDITED Я проверил оригинальный сценарий, и выглядит как эта функциональность not there

Я думаю, вы должны добавить похожие строки «addAttr», где-то в строке # 70 этого скрипта, что-то вроде этого:

jPushMenu.js, линии 72 - 76

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

BTV, следующие должны также работать:

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