Skip to main content

Wistia

Support
  • Updated

Displays a video hosted on WISTIA.

 

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"

Related articles

Comments

0 comments

Please sign in to leave a comment.