Joomla Background Video Configuration Guide
4/23/2015
Joomla Background Video will make your site’s viewers be amazed with the full screen videos playing on your site. It allows you to easily add fit-to-fill incorporating background videos to your website. People come to your site will just enjoy what you have with comfort.
The module is very flexible in stretching your videos to fill the screen and makes it harmonize with your site’s content. Also, you can set the default volume or play silent ambient background video. You can upload, preview, delete and order videos by dragging and dropping too. Customizing CSS to background videos supported.
The module is very flexible in stretching your videos to fill the screen and makes it harmonize with your site’s content. Also, you can set the default volume or play silent ambient background video. You can upload, preview, delete and order videos by dragging and dropping too. Customizing CSS to background videos supported.
1. Frontend
Frontend FullScreen style
Frontend Position Style
2. Backend
3. REQUIREMENT
Server Requirements
Our Joomla video background extension has several system requirements as follow:
Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
Joomla! 3.0 or above - http://www.joomla.org recommended: Joomla! 3.x.
You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
PHP should be compiled with support for https (openSSL) and cURL.
PHP Safe Mode should be turned off.
Client Requirements
As said on the feature list, this module work with major browsers but there are some requirement.
This module require JavaScript so JavaScript must be activated on your browser.
This module use HTML5 Video Tags so the video only plays on browser that support HTML5 Video Tags: Internet Explorer 9+, Chrome, Firefox, Safari, Opera... But please note that the each browser support different video format. You can refer here to see the full list: http://www.w3schools.com/html/html5_video.asp
The video doesn't run on Mobile, Tablet because those devices don't allow auto play and full screen video.
4. INSTALLATION
4.1. Download
After purchased our product, you’ll see the download link at JUX Background video product page: http://www.joomlaux.com/download.html
Note: If there is any problem, Please contact us via Suport: http://www.joomlaux.com/support/contact-us.html
4.2. Package
The installation package that you downloaded to your computer. You we’ll see these files:
Modules
mod_jux_background_video.zip
4.3. Installation
Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.
In “Upload Package File” block, please Upload & Install our extension:
Browse the JUX Background Video folder, select mod_jux_background_video.zip then choose Upload and install.
5. TIPS AND TRICKS
5.1. Tab Module
You can choose background video style: Full screen or Module position.
NOTE 1: If You choose Full Screen for Background video, Please select Positon for it
NOTE 2: If you choose module position,why jux background video not working at module position: Our module will auto find ID of position as attached image. So if position you want to display background don't have ID you can add it in template file!.
Please view image:
Configure in tab Module
Figure 2: Tab module
Background Mode
Using full screen background or assign a module position
Overlay
Select 1 in 3 Overlay styles for JUX background Video: None, Pattern, color
Pattern
Select Pattern (NOTE: just use it when You choose Overlay style: pattern)
Overlay Color
Choose Overlay color (NOTE: just use when You choose Overlay style: color)
Overlay Opacity
Can enter value for Overlay opacity (NOTE: Value of Overlay Opacity: 0 ->1)
Background Image
Background image for device that not support background video.
5.2. Tab video playlist
You can upload, delete or dragging and dropping to order videos.
NOTE: Video will be add from YouTube
Figure 3: Tab Video Playlist
Video Source
Choose one source for your playlist
Playlist video ID
Can add or delete all Playlist video from YouTube
Guide upload video:
EX:www.youtube.com/watch?v=azV0Y7v6wsg
Frontend FullScreen style
Frontend Position Style
2. Backend
3. REQUIREMENT
Server Requirements
Our Joomla video background extension has several system requirements as follow:
Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
Joomla! 3.0 or above - http://www.joomla.org recommended: Joomla! 3.x.
You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
PHP should be compiled with support for https (openSSL) and cURL.
PHP Safe Mode should be turned off.
Client Requirements
As said on the feature list, this module work with major browsers but there are some requirement.
This module require JavaScript so JavaScript must be activated on your browser.
This module use HTML5 Video Tags so the video only plays on browser that support HTML5 Video Tags: Internet Explorer 9+, Chrome, Firefox, Safari, Opera... But please note that the each browser support different video format. You can refer here to see the full list: http://www.w3schools.com/html/html5_video.asp
The video doesn't run on Mobile, Tablet because those devices don't allow auto play and full screen video.
4. INSTALLATION
4.1. Download
After purchased our product, you’ll see the download link at JUX Background video product page: http://www.joomlaux.com/download.html
Note: If there is any problem, Please contact us via Suport: http://www.joomlaux.com/support/contact-us.html
4.2. Package
The installation package that you downloaded to your computer. You we’ll see these files:
Modules
mod_jux_background_video.zip
4.3. Installation
Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.
In “Upload Package File” block, please Upload & Install our extension:
Browse the JUX Background Video folder, select mod_jux_background_video.zip then choose Upload and install.
5. TIPS AND TRICKS
5.1. Tab Module
You can choose background video style: Full screen or Module position.
NOTE 1: If You choose Full Screen for Background video, Please select Positon for it
NOTE 2: If you choose module position,why jux background video not working at module position: Our module will auto find ID of position as attached image. So if position you want to display background don't have ID you can add it in template file!.
Please view image:
Configure in tab Module
Figure 2: Tab module
Background Mode
Using full screen background or assign a module position
Overlay
Select 1 in 3 Overlay styles for JUX background Video: None, Pattern, color
Pattern
Select Pattern (NOTE: just use it when You choose Overlay style: pattern)
Overlay Color
Choose Overlay color (NOTE: just use when You choose Overlay style: color)
Overlay Opacity
Can enter value for Overlay opacity (NOTE: Value of Overlay Opacity: 0 ->1)
Background Image
Background image for device that not support background video.
5.2. Tab video playlist
You can upload, delete or dragging and dropping to order videos.
NOTE: Video will be add from YouTube
Figure 3: Tab Video Playlist
Video Source
Choose one source for your playlist
Playlist video ID
Can add or delete all Playlist video from YouTube
Guide upload video:
EX:www.youtube.com/watch?v=azV0Y7v6wsg
Then you copy “azV0Y7v6wsg” paste on “Video ID” as the following image:
Related Posts
Comments[ 0 ]
Đăng nhận xét