Question

我正在Ionic Angular环境中使用video.js，但无法设置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方法应该真正为我负责其余的工作。

Answer 1

我不太确定为什么要使用video.js而不是HTML5的<video>标签。如果您想完成更复杂的播放，则可以探索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);
  };

并记得按照here

的说明导入$sce

Video.js onclick事件可将屏幕扩展到全屏模式并取消静音

1 个答案: