Angular js 1本地视频播放器

时间:2019-05-14 07:55:23

标签: javascript angularjs video video-streaming

我具有可以将视频上传到系统的功能。它工作正常,但我无法播放视频,找不到要使用的库或播放器。任何人都可以推荐有角度的js视频播放器?或我们可以使用的指令。谢谢。 iframe不起作用,因为我们知道它使用了我们嵌入网站中的内置播放器。上传视频没有问题,问题在于我们可以使用哪个视频播放器库。

1 个答案:

答案 0 :(得分:0)

下面的代码将使用标准浏览器HTML5视频播放器播放视频-这是我认为古老的原始Angular 1。

// function called when user clicks the play button for a particular video
    function playVideo(video) {
        console.log("playVideo button clicked"); 
        // set the video player window to the player window instead of blank
        $scope.playerWindowURL = './templates/video_player_window.html';
        $scope.collabServerPlayVideoURL = colabConfig.colabServerBaseURL + "/uploaded_videos/" + video.file_name;
    };
<div>
    <!-- HTML5 video tag to play video -->
    <video width="320" height="180" autoplay controls="true" src="{{collabServerPlayVideoURL}}"></video>
</div>

这里有完整的存储库,以备您查看-它没有维护,但我几年前上次检查时有效:https://github.com/mickod/ColabServer