1

我需要一个页面上的多个视频视频，每个视频下方都有一个按钮来启动视频。为了让每个视频都有一个范围，我需要将它们放入指令中，如此处所述。

不过，我无法访问 videogular 的 API。我很确定问题出在 onPlayerReady 函数上。有很多关于 API 的文档，但我没有设法让它工作。

指示：

.directive("topmVideogularDirective", function () {
    return {
        restrict: 'E',
        scope: {
            data: "=",
            config: "="
        },
        template: '<videogular vg-plays-inline="true" vg-player-ready="onPlayerReady"><vg-media vg-src="data" vg-native-controls="false" vg-loop="true"></vg-media></videogular><button ng-click="test()">test</button>',
        link: function (scope) {
            scope.$API = null;
            scope.onPlayerReady = function($API) {
                console.log("tell me you're there");
                scope.$API = $API;
            };
            scope.test = function(){
                scope.$API.play();
            };   
        }
    };

完整的代码笔：http ://codepen.io/anon/pen/dMKKbX

SO上还有另一个可能相关的问题：停止在后台播放的其他视频播放新视频

以及上面提到的关于 Github 的讨论：https ://github.com/videogular/videogular/issues/59

4

0 回答 0