Mid-Roll Links

Adicione comentários e links aos seus vídeos

Instruções

Para adicionar comentários e links, cole o iframe do seu vídeo abaixo e utilize as ferramentas para criá-las.
Obs: Os mid-roll links não serão exibidas em dispositivos móveis.

Opções

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 samba-player-api="player" type="text/javascript" src="http://192.168.0.85:8000/samba.player.api.js?iframeURL=prod"></script-->
<script type="text/javascript">// <![CDATA[

	var annotations = [{
		time: 8,
		text: "Anotação no oitavo segundo",
		position: [10,60],
		delay: 1
	},{
		time: 8,
		text: "Outra anotação!",
		position: [480,150],
		delay: 1
	},{
		time: 9,
		text: "Olá, sou uma anotação!!",
		position: [10,150],
		delay: 1
	},{
		time: 9,
		text: "Eu também! :)",
		position: [420,270],
		delay: 1
	},{
		time: 11,
		text: "Eu sou um link, clique em mim...",
		url: "http://sambatech.com.br/",
		position: [200,70],
		delay: 2
	},{
		time: 11,
		text: "Posso aparecer em qualquer lugar",
		position: [290,240],
		delay: 1
	}];
	var playerConfig = {
		width: 640,
		height: 360,
	    playerParams: {
	    	startOutput: '480p'
	    }
	};
	var player = new SambaPlayer("player", playerConfig);

	player.addMidrollLinks(annotations, function(annotation, index){
		console.info(annotation);
		console.info(index);
	});
// ]]></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.