QVV Video Playerv1.3.6

Basic Example

Basic video (.mp4) streaming with poster image.

<qvv-video
  controls
  id="player-1"
  loop
  poster="https://www.crafted.systems/demos/addendum.org/qvv-video/poster1.jpg"
  video="https://www.crafted.systems/demos/addendum.org/qvv-video/video1.mp4"
  videofallback="https://www.crafted.systems/demos/addendum.org/qvv-video/video1.mp4"
/>

Example implementation of custom events

<script>
  window.dispatchVideoEvent = function(id, action) {
    console.log('Dispatch qvv-video event', id, action);
    const detail = { id, action };
    const event = new CustomEvent('qvv-video', { detail });
    document.dispatchEvent(event);
  }
</script>

Play video (#player-1)

<script>
  dispatchVideoEvent('player-1', 'play');
</script>

Pause video (#player-1)

<script>
  dispatchVideoEvent('player-1', 'pause');
</script>