title: VueJS replace video with a default placeholder on error
body: <p>I'm new to front end (vue). Would love to hear some feedback</p>
  <p>I have a video playing on loop. It works fine if the url is good. But if the url is not found, I want to replace it with a placeholder (could be an image). I've tried:</p>
  <pre><code>&lt;video autoplay=&quot;autoplay&quot; muted loop&gt;
      &lt;source :src=&quot;url&quot; type=&quot;video/mp4&quot; @error=&quot;replaceWithPlaceholder&quot;&gt;
  &lt;/video&gt;
  </code></pre>
  <pre><code>replaceWithPlaceholder(e) {
      e.target.src = defaultUrl
  },
  </code></pre>
  <p>I've done this the exact same way with an image, but Im not sure why it isnt working for a video. What am I doing wrong?</p>