wiz-video

UI element for displaying image with link to video

Installation

Run following command in the terminal to install the module:

wiz install wiz-video

Link

import wizVideo from 'wiz-video';

Add this link directly to the layout (App.vue) or block (./common/blocks/ or ./common/blocks-library/):

export default {
  components: {
    wizVideo
  }
  ...

Basic usage

Markup:

 <wiz-video :video-alt="$t('alt')" :width="500" video-url="https://www.youtube.com/watch?v=EOIN9d8Ww" video-poster="public/images/poster.png"></wiz-video>

Localization:

<i18n>
    {
        "en": {
              "alt": "eWizard"
        }
    }
</i18n>

Parameters

Property	Type	Default	Description
width	Number	0	Image width in pixels
videoUrl	String	""	Defines video url
videoAlt	String	"Alternative text"	Defines alt text for images
videoPoster	String	""	Defines poster image source