Videogular - как играть в данный видеофайл на div ng-click?

Question

У меня есть список элементов, и я бы хотел, чтобы после ng-click на выбранном элементе воспроизведения видеофайлов с заданным URL-адресом.

Это означает, что экземпляр игрока для просмотра должен быть скрыт, и после нажатия на элемент списка должен воспроизводиться данный видеофайл в полноэкранном режиме, в петле и без звуков.

Как я могу это сделать?

Я пытался сделать с помощью метода API.play() от:

http://www.videogular.com/tutorials/videogular-api/

Но без удачи.

Большое спасибо за любой совет.

Answer 1

Вы можете использовать метод API.toggleFullScreen().

HTML

<div ng-controller="HomeCtrl as controller" class="videogular-container"> 
    <videogular vg-player-ready="controller.onPlayerReady($API)" vg-theme="controller.config.theme.url"> 
    <vg-media vg-src="controller.config.sources" 
      vg-native-controls="true"> 
    </vg-media> 
    </videogular> 

    <div ng-click="controller.API.toggleFullScreen()">open in fullscreen</div> 
</div> 

JS

'use strict'; 
angular.module('myApp', 
    [ 
     "ngSanitize", 
     "com.2fdevs.videogular" 
    ] 
) 
    .controller('HomeCtrl', 
    function ($sce) { 

     this.onPlayerReady = function onPlayerReady(API) { 
      this.API = API; 
     }; 

     this.config = { 
     preload: "none", 
     sources: [ 
      {src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.mp4"), type: "video/mp4"}, 
      {src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.webm"), type: "video/webm"}, 
      {src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.ogg"), type: "video/ogg"} 
     ], 
     theme: { 
      url: "http://www.videogular.com/styles/themes/default/latest/videogular.css" 
     } 
     }; 
    } 
);