SOURCE

new Yox({
  el: '#app',
  template: '#template',
  methods: {
    play: function () {
      this.$refs.video.play()
    }
  }
})

<div id="app"></div>
<script id="template" type="text/plain">
	<div>
  	<button on-click="play()">
    	Play
    </button>
    <video ref="video" controls>
      <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
      <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
    </video>
  </div>
</script>

button {
  margin-bottom: 10px;
  padding: 10px;
}