У меня есть функция, которая воспроизводит видео, когда я нажимаю на изображение плаката, отображаемое в плеере, и оно работает:
var video = document.getElementById('player');
video.addEventListener('click',function(){
video().play();
},false);
В теге html5 video у меня есть что-то вроде: id = "player" onclick = "this.play();"
проблема заключается в том, что если я нажимаю pause на элементах управления видео, это фактически делает паузу, что хорошо, но затем, если я нажимаю то, что сейчас является кнопкой воспроизведения на элементах управления видео, я вижу изменение кнопки, чтобы снова сделать паузу в течение доли секунды, затем она идет снова стать кнопкой воспроизведения. Поэтому я нажимаю кнопку воспроизведения, и она воспроизводится только в течение нескольких кадров, а затем возвращается в режим паузы. Единственный способ заставить его играть снова - это нажать на область просмотра видео.
Как я могу заставить его перестать возвращаться к паузе при использовании кнопки воспроизведения/паузы на панели управления, и как я могу заставить его остановиться, когда я нажимаю на область просмотра видео?
Я пробовал следующее, но это не работает:
var video = document.getElementById('player');
video.addEventListener('click',function(){
if(video.paused){
video().play();
}else{
video.pause();
}
},false);
Причина, по которой я хочу воспроизвести видео при нажатии на фактическую область просмотра, заключается в том, что слишком трудно найти крошечную кнопку воспроизведения на панели управления Android, поскольку она настолько мала, что людям будет проще просто нажать на область просмотра, чтобы получить это происходит. В Firefox проигрыватель видео воспроизводится, когда я нажимаю на область просмотра, а также делаю паузы, что является именно тем, что я хочу, и также делает это без необходимости использования JavaScript. В Android видео просто не воспроизводится, когда я нажимаю на область просмотра. Поэтому я пытаюсь заставить браузер Android вести себя так же, как и Firefox.