Javascript 无法在angular js中播放视频

我正在尝试使用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对象是毫无意义的，除非您至少将其保存起来供以后使用

但这是一种棱角分明的方式吗™? 大概您可以在指令中烘焙混乱并将其隐藏起来，但必须在某个时候调用html元素

// Perhaps something along those lines to make it look cleaner.
$scope.video = $element.find('video')[0];
$scope.video.play();