我正在尝试使用angular js创建视频播放器。我无法播放视频。以下是我尝试过的。
videoPlayer.factory('controloptions',function()
{
var controloptions={};
controloptions.state="play";
controloptions.volumestate="high";
controloptions.videoElement=angular.element(document.querySelector("#video_play"))
controloptions.play1=function($event)
{
angular.element(document.querySelector("#video_play")).play();
alert("a")
},
controloptions.pause1=function($event)
{
console.log(controloptions.videoElement)
//controloptions.state="pause";
angular.element(document.querySelector("#video_play")).pause();
}
}
我不知道这是否是播放视频的正确方法。
angular.element创建一个jquery / jqlite元素，它具有一组非常特定的方法。play（）不是其中之一。
document.querySelector("#video_play").play(); // Works
angular.element(document.querySelector("#video_play"))[0].play(); // Works as well
除非您至少将它保存起来供以后使用，否则创建一个jquery-object是没有意义的。
但这是有角度的方式吗？可能是。您可以烘烤指令中的混乱并将其隐藏在看不见的地方，但是您必须在某个时候调用html元素。
// Perhaps something along those lines to make it look cleaner.
$scope.video = $element.find('video')[0];
$scope.video.play();
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句