Video.js onclick события, чтобы развернуть экран в полноэкранный режим и включить звук - PullRequest
Новая
       46

Video.js onclick события, чтобы развернуть экран в полноэкранный режим и включить звук

0 голосов
/ 21 сентября 2018

Я работаю с video.js в среде Ionic Angular, и у меня возникают проблемы с установкой события onclick (для самого видео).Я пробовал несколько решений, таких как: 

$scope.videoClicked = function () {
      console.log('video clicked');
      promoPlayer.requestFullscreen();
      event.preventDefault();
      console.log("click", event.clientX, event.clientY, promoPlayer.currentTime());
}

, где метод videoClicked присоединяется к элементу с событием ng-click.

Я пробовал что-то вроде этого: 

$(promoPlayer).on("click", function (event) {
    console.log('clicked');
})

но я не могу заставить событие console.log даже запускаться.

Какой-нибудь совет о том, как вызвать событие on click при срабатывании видео при нажатии?Я полагаю, что метод requestFullscreen должен позаботиться обо всем остальном за меня.

1 Ответ

0 голосов
/ 21 сентября 2018

Я немного не уверен, почему вы используете video.js против HTML5 <video> тега.Если вы хотите выполнить более сложное воспроизведение, вы можете изучить Videogular , в противном случае вы можете попробовать:

your Template.html 

        <video width="100%" height="100%" controls>
            <source src="{{trustSrc(video)}}">
        </video>

затем в вашем Controller.js 

    //return trusted external links
  $scope.trustSrc = function (src) {
    return $sce.trustAsResourceUrl(src);
  };

и не забудьте импортировать $sce, как объяснено здесь

...