Apagar as luzes

Destaque seu vídeo retirando distrações

Instruções

Destaque o video em sua página quando o usuário clicar em play e remova o destaque após clicar em pause e após o término do video.

No text area abaixo, identifique o parâmetro 'ph' que corresponde ao player_hash da media e o 'm' que é o id da mídia e substitua por seus valores.

Brinque com o exemplo para ver como ele funciona, em seguida, clique no botão atualizar, teste seu exemplo e então copie o código que fica abaixo do preview e coloque-o em sua página. Customize o quanto quiser.

Opções

Seu embed:

Preview

Novo embed

<div id="player" style="float:left; margin-right:10px;"></div>

<script type="text/javascript" samba-player-api="player" src="https://player.sambatech.com.br/v3/samba.player.api.js"></script>
<script type="text/javascript">// <![CDATA[
  var playerConfig = {
      height: 360,
      width: 640,
      ph: "67490c1445c946bd1350f07dca0ec47a",
      m: "ff837452388b63d76d74c04eae684b15",
      events: {
        "onStart": function(){player.dimLights(true);},
        "onPause": function(){player.dimLights(false);},
        "onResume": function(){player.dimLights(true);},
        "onFinish": function(){player.dimLights(false);}
      },
      playerParams: {
        startOutput: '480p'
      }
  };
  var player = new SambaPlayer("player", playerConfig);

// ]]></script>

Obs: Alguns editores de conteúdo como o Wordpress e Ghost podem alterar o código colado. Certifique-se se o código está igual ao informado aqui e, se possível, coloque o Javascript em um arquivo externo.