视频.js单击事件以将屏幕扩展到全屏模式并取消静音

Question

我正在处理视频.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');
})

但我甚至无法让控制台.log事件触发。

关于如何在点击视频时触发点击事件的任何建议？我想请求全屏方法应该真正为我处理其余的工作。

Answer 1

我有点不确定你为什么使用video.js而不是HTML5的<video>标签。如果你想完成更复杂的播放，那么你可以探索Videogular，否则，你可以尝试：

您的模板.html

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

然后在您的控制器中.js

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

并记得按照此处的说明导入$sce