# MRE-VIDEO

Componente para utilização de video

### Instalação

   - Executar o comando de instalação pelo bower

```
    $ bower install mre-video --save
```

   - Adicionar arquivo css no html

```
    <link rel="stylesheet" href="/vendor/mre-video/assets/css/mre-video.css">
```

   - Adicionar arquivo js no html

```
    <script src="/vendor/mre-video/src/mre-video.js"></script>
```

   - Injetar o módulo mre.grid em sua aplicação

```
    angular.module('your.module', [
        'mre.video'
    ]);
```

### Utilização

   - Incluir no seu html o elemento do video

```
    <mre-video options-config="optionsConfig"></mre-video>
```

   - Configurações do video no controlador

```
    angular.module('your.module')
        .controller('YourController', function($scope, $http) {

            $scope.optionsConfigVideo = {
                src: '{link-do-video.ext}'
            }
        });
```

    - Parâmetros de configurações opcionais

        playsInline: true|false - valor booleano para usar a função de native fullscreen - default: false
        nativeFullscreen: true|false - valor booleano para habilitar a função de native fullscreen - default: true
        preload: none|auto - exibir preload ao iniciar o vídeo - default: none
        autohide: true|false - valor booleano para habilitar a função de esconder os controles
        autohideTime: {tempo} - valor númerico em milisegundos para esconder os controles
        autoPlay: true|false - valor booleano para habilitar a função de rodar o vídeo no carregamento -  default: false
        loop: true|false - valor booleando para a função de repetição de vídeo - default: false
        responsive: true|false - valor booleano para habilitar o layout responsivo de acordo com o tamanho da tela- default: false
        resolution: {
            resolution-default,
            edtv,
            hdtv,
            fullhd,
            uhdtv-4k
        } - habilita o layout de acordo com as definições padrões de vídeo - default: resolution-default
        align: {
            left,
            right,
            '' = center
            } - opção para alinhar o vídeo - default: ''
        src: {url do vídeo} - endereço da url do vídeo,