无法在angular js中播放视频

Unable to play video in angular js

本文关键字：播放 视频 js angular      更新时间：2023-09-26

我正在尝试使用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(); 
    }
   }

我不知道这是否是正确的方式来播放视频.....

元素创建一个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();
相关文章：