Skip to main content

Wistia

Support
  • Updated

Displays a video hosted on WISTIA.

 

Wistia

 

For more details refer to the online Wistia documentation.

 

 

 

code_blocksDesign View

In the template editor, you can find the Wistia icon under the Maintenance and Support component palette group.

 

code_blocksCode 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 <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.