Youtube Widget


Apps - Widget - Youtube icon.png This type of widget belongs to the Social category in the widget library. It enables you to integrate a video posted on YouTube in the app without accessing the video hosting and sharing website, YouTube.
 

Notes

Open url.png See General remarks on widgets.

  • You integrate the video using a unique ID. Open url.png See the procedure.
  • The default size of a YouTube video is 400px (width) by 225px (height).

Example

You want to integrate an Product name - ev sas.png YouTube video in your app
     EVApps - widget Youtube - Example.png

List of properties

Content

YouTube Code: String of characters that identify each video in a unique way on the YouTube website. It is available in the video. Open url.png See the procedure.

Video Width: Width of the video in pixels (by default, 400px) or percentage (by default, 100%).

Video Height: Height of the video in pixels (by default, 225px) or percentage (by default, 100%).

Auto Play: Used to indicate if the video should play automatically (box is checked) or if users should start it manually using the Play video YouTube icon.png icon.

Loop: Used to indicate if the video should play in a continuous loop (box is checked) or if it should stop once it reaches the end (box is not checked). If you want to the video to loop, it will replay automatically once it reaches the end.

Theme

   Open url.png See the description of properties.

 

Procedure: How to retrieve the YouTube code of a video

1. Go to the page displaying the YouTube video you want.

2. In the URL bar of your Web browser, copy the code that is displayed after the following text: http://youtube.com/.

   Example documentation icon EN.png  http://youtube.com/kbrUGdWyZkQ
                  ==> YouTube Code = kbrUGdWyZkQ

Example of an integration

See Video icon.png  How to integrate a YouTube video 

Tags:
Last modified by Unknown User on 2017/01/03 11:30
Created by Administrator XWiki on 2014/09/02 11:51

Shortcuts

Recent Updates

Haven't been here in a while? Here's what changed recently:

-   Product name - ev itsm.png
-   Product name - ev sas.png

Interesting Content

How to Automate Integration
Add a Shortcut to an App
History
Quick Dashboard
Full text search - Stop Words

Powered by XWiki ©, EasyVista 2018