Displays a video hosted on WISTIA.
For more details refer to the online Wistia documentation.
Design View
In the visual editor, you can find the Wistia icon under the Maintenance and Support component palette group.
Code View
Template Syntax
Below you can find some examples of how to use the component within a template.
<wistia-widget title="Demo Video" styleClass="wistia-video-container" width="100%" source="https://fast.wistia.com/embed/medias/j38ihh83m5.jsonp" [popover]="true"> </wistia-widget>
Component Reference
Here is a comprehensive list of all the elements and properties that can be used to configure the component.
<wistia-widget> | |
---|---|
PROPERTIES | |
CSS Class | The name(s) of the CSS class used to customize the widget layout.
Type: STRING | Optional class="my-custom-class" |
Popover | The flag indicating whether the video must be opened in full-screen mode.
Type: BOOLEAN | Optional | Values: true false [popover]="true" |
Source URL | The URL of the video hosted by Wistia.
Type: STRING | Optional source="fooBar" |
Title | The title displayed on the top part of the widget box.
Type: STRING | Optional [title]="'Details'" |
Visibility Condition | The expression that allows you to reduce the visibility of the element.
Type: STRING | Optional *ngIf="getUser().organizationId != null" |
Width | The width of the widget (e.g. 500px).
Type: STRING | Optional width="500px" |
Comments
0 comments
Please sign in to leave a comment.