Angular js 1 本地视频播放器答案

【问题标题】：Angular js 1 local video playerAngular js 1 本地视频播放器
【发布时间】：2019-05-14 07:55:22
【问题描述】：

我有一个可以将视频上传到系统的功能。它工作正常，但我无法播放视频，我找不到要使用的库或播放器。任何人都可以推荐一个 Angular js 视频播放器吗？或者我们可以使用的指令。谢谢你。 iframe 不起作用，因为我们知道它使用我们嵌入网站的内置播放器。上传视频没有问题，问题在于我们可以使用什么视频播放器库。

【问题讨论】：

请发Minimal, Complete, and Verifiable example
尝试使用这个库video.js。
使用标准 html5 视频播放器有什么问题？

标签： javascript angularjs video video-streaming

【解决方案1】：

下面的代码将使用标准浏览器 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

【讨论】：

暂停和播放怎么样？
@Mr.RajivKumar - 由于 'control="true"' 属性，标准暂停播放等控件将出现。