SJ Simple HTML5 Video Player

1 1 1 1 1 Rating 4.50 (22 Votes)

 

simple html5 picture SJ Simple HTML5 Video Player is a custom html5 video player easy to setup. Supports .webm and .mp4 video formats. You can have your local stored videos with subtitles, watermark, reosolution buttons.  Our player can play your videos on smartphones using Android and iOS, also have the posibility to use multiple players on the same page. Now has the ability to use youtube with resolution and vimeo movies to link to your webpage. Also the player is compatible with adaptive and responsive templates. We have tried to find a solution for users to have less work in order to set-up  there videos.

images

 

 

 

Demo 1 - Vimeo video

 

 

 

Demo 2 - Youtube video

 
 
 
Demo 3 - Local storage video

 

 

Quick install guide

 

1. Log in to the Joomla administration back-end.

2. Select Extensions --> Install/Uninstall from the top menu.

3. In the panel Upload package file, click Browse and locate the installation package you have downloaded to your local computer.

4. Click the button Upload & Install.

5. Select Extensions --> Module Manager from the top menu and click SJ Video Player in the list.

6. Open the module and follow setup.

Setup

 Setup SJ Simple HTML5 Video Player

I. Upload videos, thumbnails and create the playlist

There is 2 separate ways of doing this:

2. Using your FTP user and password, login on your server.
Navigate to modules/sj_simplehtml5_videoplayer/videos/.
Upload the video files in .webm and .mp4 file format in videos folder.

Video Formats and Browser Support

Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and Ogg:

BrowserMP4WebMOgg
Internet Explorer 9+ YES NO NO
Chrome YES YES YES
Firefox NO
Update: Firefox 21 running on Windows 7, Windows 8, Windows Vista, and Android now supports MP4
YES YES
Safari YES NO NO
Opera NO YES YES
  • MP4 = MPEG 4 files with H264 video codec and AAC audio codec
  • WebM = WebM files with VP8 video codec and Vorbis audio codec
  • Ogg = Ogg files with Theora video codec and Vorbis audio codec

For which appear in first frame navigate to modules/sj_simplehtml5_videoplayer/poster/ and upload thehere the pictures in jpg format. Also you can upload sutitles into modules/sj_simplehtml5_videoplayer/captions/

II. Setup module

 

 video player

1. Setup the player

Multiple instance option - Use this option to use the player multiple times on the same page use a numeber for this.

Video - storage - This option provide you the ability to use local, youtube or vimeo videos.

Link option - This options is to use only for youtube and vimeo videos

Autoplay - You can use this option in order to control if the player should start playing when someone acces your page  or to click it in order for the player to play the films.

Loop - Option to play the videos infinitley when he reaches to the end will start again plaiyng

Poster Folder - The poster which will appear on the first frame of the player this only can be used for local and youtube videos.

Video player width - Option to adjust the width of the player.

Video player stretch width - Allow to stretch the video

Video player max-width - Option for the responsive templates

Video player border - You can schoose the thikness of the player border in px.

Video player border color - You can choose the color of the border.

Video file - Give you teh ability to select video from the videos folder from inside your  server.

Subtitles button - Use this in order to activate or deactivate the subtitle button.

Subtitle Folder - With this option you can select the desired subtitle for each movie.

Subtitle language - Type in teh language of your subtitle which will appear when the subtitle button will be used.

 

2. Publish

In the left hand size give your module a Title , select the Position you want to publish check the Status to be Published and Module Assignement to be On all pages or if you want specific pages select them from the list.

3. Save and exit

Enjoy! 


 

*In order to customize your module like the one in the demo, use the following options:

 

 

Version history

v1.0 

  • Autoplay
  • Loop
  • Subttile button
  •  
  •  
  •  
  • Video player border

 v2.0

  • new video player look
  • youtube and vimeo suport added
  • responsive and adaptive templates compatibility

v2.1

  • Video player stretch-width
  • Video player max width
  • Big button width
  • Big button height
  • Select watermark image
  • Watermark left
  • Watermark top
  • Watermark width
  • Watermark height

v2.2

  • changed to Class Suffix
  • Video resolution options
  • Youtube mode now enables the video resolution function
  • Improved scripts for better compatibility

 

 

Support

For any problems regarding our products do not hesitate to contact us on our suport emails:  This email address is being protected from spambots. You need JavaScript enabled to view it. This email address is being protected from spambots. You need JavaScript enabled to view it.  or place your questions, comments and critics in the comment form below.

Contact

If you have any ideas or questions, please feel free to contact us using our contact data or the form below.

 
 
  *
 
  *
  *
 
  *
 
  *
 
  Please enter the characters displayed in the image into the adjacent input field. If you are not able to read them, click the adjacent button to generate a new image.
 
  * Mandatory field
 
Created using the Joomla DFContact component.


License
GNU General Public License

 

 

 

Add comment


Security code
Refresh