title: Attach function to html5 video onended using Vuejs2
body: <p>I'm trying to loop a video on vuejs2, I'm using the standard <code>&lt;video&gt;</code> tag from html5.</p>
  
  <p>The way I need it to loop is that after the first time it has been executed it needs to loop from 17s to the end.</p>
  
  <p>Since the standard <code>&lt;video loop&gt;</code> starts from the beginning, I've found myself trying to use <code>&lt;video v-bind:onended="function_name_here"&gt;</code> , but it seems not to work.</p>
  
  <p>I've tryed the following:</p>
  
  <pre><code>v-bind:onended="function()"
  v-bind:onended="this.function()"
  onended="this.function"
  onended="function"
  </code></pre>
  
  <p>I am pretty sure it's not a problem inside the <code>function()</code> because the first line is a <code>console.log("success!")</code> I've set there in order to check the function is reached. (I've also double checked by controlling the  <code>document.findElementById("mainVideo").onended</code> via console during runtime.</p>
  
  <p>Can anyone help me with this?</p>
  
  <p>P.S. If you can provide an alternative to the manual implementation(e.g. loopFrom) it's very nice but I'm also planning to do stuff at the end of non-looping videos, so I still need to access the <code>onended</code> event.</p>