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

Я работаю с 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 даже сработать.

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


ionic-framework angularjs video.js brightcove
person David Jarrin    schedule 21.09.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

ваш 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, как описано здесь

person Chad Nehemiah    schedule 21.09.2018