The Morfik YouTube package provides the required functionality to play YouTube videos on your Morfik website.
With the YouTube package you now can play video content from YouTube by using one widget. Because the actual video files are stored on YouTube servers, there is no need to set up your own server for storing videos or to provide additional coding. Simply placing a YouTube widget on a form and entering a video tag will do the job.
Quick Walk Through
To use the Morfik YouTube package simply add the package to the project with the “Used Packages” command on the project ribbon (see Figure 1 Used Packages Command), or simply drag the package file onto the application main client area. Once added, a YouTube widget will appear on the home ribbon when the form designer is active (see Figure 2 Selecting YouTube Widget). This widget can be placed on the application form and provides immediate functionality without the need for coding or configuration of properties.
|Figure 1: Used Packages Command|
|Figure 2: Selecting YouTube Widget|
The quickest way to utilise this package is to place the YouTube widget on the form of your application, and enter a video tag as described below. This is all that is needed to add a YouTube video player to your application. Users can now watch videos on your site.
To set a video to be played, firstly find a link to the YouTube video you want to be play on your website. For example http://www.youtube.com/watch?v=hdVFtjkeU1s, where 'http://www.youtube.com/' is an address of the YouTube website, 'watch?v=' is a call for video and 'hdVFtjkeU1s' is the tag of your selected video. Then enter this tag into the VideoID property of the widget (see Figure 3 Entering Video Tag).
|Figure 3: Entering video tag|
YouTube Widget Property descriptions
- Allow Fullscreen: property enables/disables full screen button.
- AutoPlay: property sets whether or not the initial video will autoplay when the player loads.
- HDPlayback: property enables/disables HD playback by default. This has no effect if an HD version of the video is not available. If you enable this option, keep in mind that users with a slower connection may have a sub-optimal experience unless they turn off HD. You should ensure your player is large enough to display the video in its native resolution by using the HD Playback control in the YouTube player.
- Loop: property enables/disables the video player to play the initial video again and again.
- Disable Keyboard: property enables/disables the player keyboard controls. Keyboard controls are as follows:
- Spacebar: Play / Pause
- Arrow Left: Jump back 10% in the current video
- Arrow Right: Jump ahead 10% in the current video
- Arrow Up: Volume up
- Arrow Down: Volume Down
- Player Controls: property enables/disables the control bar.