var video = new tabris.Video({
  left: 16, top: 0, width: 500, height: 500,
  url: 'http://peach.themazzone.com/durian/movies/sintel-1280-stereo.mp4',
  controlsVisible: false
}).appendTo(tabris.ui.contentView);

new tabris.Button({
  text: 'Play/Pause',
  left: 16, top: 'prev() 16'
}).on('select', function() {
  video.get('state') === 'play' ? video.pause() : video.play();
}).appendTo(tabris.ui.contentView);

let video = new tabris.Video({
  left: 0, top: 0, right: 0, bottom: '#button 16',
  url: 'http://peach.themazzone.com/durian/movies/sintel-1280-stereo.mp4',
  controlsVisible: false
}).on('change:state', function(widget, state) {
  button.set('text', state !== 'pause' ? '❚❚' : '▶');
}).appendTo(tabris.ui.contentView);

let button = new tabris.Button({
  id: 'button',
  centerX: 0, bottom: 16,
  text: '❚❚'
}).on('select', function() {
  video.get('state') === 'play' ? video.pause() : video.play();
}).appendTo(tabris.ui.contentView);

Improve video snippet