Overview
The YouTube Widget for Bizagi is available for download at Bizagi Widget Xchange.
Through this Widget, you will be able to present embedded YouTube videos directly in your processes (by only using a link).
Before you start
In order to test and use this Widget, you will need:
1.Bizagi Studio previously installed.
2.This specific Widget previously installed, either as described at https://help.bizagi.com/platform/en/index.html?widget_xchange.htm, or as described at https://help.bizagi.com/platform/en/index.html?widgets_manualinst.htm.
Content Security Policy considerations
The Content Security Policy is an HTTP header that adds an additional layer of security to web pages. By configuring this header, users can allow or deny different resources that can be loaded in the Work Portal, such as JavaScript calls, or CSS components. To use this component, it is necessary to configure the Content Security Policy in Bizagi Studio, as described here.
The following is the Content Security Policy for the Youtube widget:
default-src 'self' data: blob:;
style-src 'self' 'unsafe-inline';
script-src 'self' 'unsafe-inline' 'unsafe-eval' data:;
frame-src *.youtube.com;
|
The Content Security Policy configuration is only necessary for Bizagi 11.2.5 and later versions. |
Data model considerations
In order to use this Widget, you need in your data model:
•A string type attribute which holds the URL of the YouTube video to be displayed.
Properties configuration
In order to configure this Widget once it is installed in your project, include it in any form and set it properties in the Forms designer, just as you would do with any other type of Bizagi control.
Consider the following properties.
PROPERTY |
POSSIBLE VALUES |
DEFAULT VALUE / SUGGESTED |
|---|---|---|
Data binding |
A file type attribute which holds the URL to the YouTube video. |
Not applicable. This property is mandatory.
|
Height |
A setting indicating the height in pixels that the preview takes up. Note that the width is automatically handled as 100%. |
450 px. Notice that in mobile devices and tablets this default height may be shorter. |
|
Notice all Bizagi controls and Widgets, enable a visible property which allows you to set if that control should be displayed in a given form or not (e.g, by using a business rule).
This Widget is designed as read-only. |
For complete documentation or more information about this Widget's possibilities (e.g, if you wish to customize and extend it), refer to the information about the implemented jQuery Plugin at http://www.jqueryscript.net/lightbox/jQuery-Lightbox-Plugin-For-Youtube-Videos-Video-Lightning.html.
Last Updated 10/28/2022 10:08:54 AM