wiz-video

Use the wiz-video component to add links to videos in your email.

Learn more about components

• Import and registration
• Property and file types
• Configuration
• Components in eWizard Editor

Usage

To use the wiz-video component in the email template:

1. Add the <wiz-video></wiz-video> tag to the email template in the App.vue file.

   <!-- ./App.vue -->
   
   <template>
   <div>
     <wiz-root align="center" style="background: #ffffff; width: 700px;">
       <wiz-video id="wiz-video-395c" data-asset-id="0a1intgycd" video-poster="./common/media/images/poster.png" :video-alt="'My video'" :video-url="'https://viseven.com/'"></wiz-video>
     </wiz-root>
   </div>
   </template>

   The id attribute is required for correct display of the component styles in eWizard Editor.

   The data-asset-id attribute is required for the Veeva Vault modules in the assets.json file. For more information, see Veeva Vault publish settings.

2. Change the attributes of the wiz-video component.

To ensure the Veeva Vault assets upload with the wiz-video component in eWizard Editor, declare the video component type in the index.vue and ewizard.config.js files of the component.

Attributes

You can change the wiz-video component appearance and behavior using the following attributes within the <wiz-video></wiz-video> tag:

• video-poster

  Add the path to the poster image that appears in your video:

  <wiz-video video-poster="./common/media/images/poster.png"></wiz-video>

• video-alt

  Add the alternative text for the video (max 100 characters):

  <wiz-video :video-alt="'My video'"></wiz-video>

• video-url

  Add the video URL address:

  <wiz-video :video-url="'https://viseven.com/'"></wiz-video>

Properties

The wiz-video component has the following properties:

The following properties are available:

Property	Type	Default value	Description
videoAlt	string	eWizard	The text displayed instead of email video if the video fails to load. Up to 100 characters.
videoPoster	string	./media/images/default-poster.jpg	The path to the video thumbnail.
videoUrl	string	N/A	The video URL address. The video opens in a new browser tab.
width	number	0	The width of the video container in pixels.