HTML5 Video Player WordPress Plugin icon

HTML5 Video Player WordPress Plugin

Go to Website
Hot or Not
HTML5 Video Player WordPress Plugin

Description

HTML5 Video Player WordPress Plugin contains 3 video players: right-side playlist, bottom playlist and simple versions. You have the option to select one of the 5 custom made skins which will enrich the design of your page.

It plays .MP4 video files and .WEBM (on browsers which don’t have MP4 support).

NEED THE JQUERY PLUGIN FOR THIS PRODUCT? YOU CAN DOWNLOAD IT FROM HERE:

HTML5 Video Player WordPress Plugin includes 3 types of video players:

– Video Player With RightSide Playlist - Video Player With Bottom Playlist - Video Player Without Playlist

VIDEO PLAYER WITH RIGHTSIDE PLAYLIST

Step 1: Installation – Step 2: How To Create a Video Player and Change Player Settings – Step 3: Manage The Playlist –

Features

  • Responsive Design: The video player if fully responsive. Parameter to enable or disable responsive behavior.
  • Multiple Skins Included: You can choose from 5 skins for each player.
  • Multiple Instances: You can insert the player multiple times in the same page with the same skin or using a different skin.
  • It plays .MP4 video files and .WEBM (on browsers which don’t have MP4 support)
  • Fullscreen: It supports full screen, having all the controllers usable in full screen mode, including playlist.
  • Autohide For Controllers: The controllers will auto hide on mouse out, showing the entire movie. Parameter to to enable or disable this behavior.
  • Preview Image: A preview image can be defined for each movie
  • Playlist Image: A playlist image can be defined for each movie
  • Volume Control: You have a complete sound control. You can also set the initial volume
  • Description For Video – Optional: It Can Be Disabled: You can set a Title and Description for the video. Supports HTML & CSS formated text.
  • Click Listener
  • Multiple Parameters Available: – width – height – playlist width – border width & color – autoplay – loop ... and more

VIDEO PLAYER WITH BOTTOM PLAYLIST

Step 1: Installation – Step 2: How To Create a Video Player and Change Player Settings – Step 3: Manage The Playlist –

Features

  • Responsive Design: The video player if fully responsive. Parameter to enable or disable responsive behavior.
  • Multiple Skins Included: You can choose from 5 skins for each player.
  • Multiple Instances: You can insert the player multiple times in the same page with the same skin or using a different skin.
  • It plays .MP4 video files and .WEBM (on browsers which don’t have MP4 support)
  • Fullscreen: It supports full screen, having all the controllers usable in full screen mode, including playlist.
  • Autohide For Controllers: The controllers will auto hide on mouse out, showing the entire movie. Parameter to to enable or disable this behavior.
  • Preview Image: A preview image can be defined for each movie
  • Playlist Image: A playlist image can be defined for each movie
  • Volume Control: You have a complete sound control. You can also set the initial volume
  • Description For Video – Optional: It Can Be Disabled: You can set a Title and Description for the video. Supports HTML & CSS formated text.
  • Click Listener
  • Multiple Parameters Available: - width - height ? border width & color - autoplay - loop ... and more

VIDEO PLAYER WITHOUT PLAYLIST

Step 1: Installation – Step 2: How To Create a Video Player and How To Change the Player Settings – Step 3: How To Create Multiple Players And Use The Shortcode Optional Parameters –

Features

  • Responsive Design: The video player if fully responsive. Parameter to enable or disable responsive behavior.
  • Multiple Skins Included: You can choose from 6 skins.
  • Multiple Instances: You can insert the player multiple times in the same page with the same skin or using a different skin.
  • It plays .MP4 video files and .WEBM (on browsers which don’t have MP4 support)
  • Fullscreen: It supports full screen, having all the controllers usable in full screen mode. You can enter on fullscreen mode by clicking the button or by double clicking on the video
  • Autohide For Controllers: The controllers will auto hide on mouse out, showing the entire movie. Parameter to to enable or disable this behavior.
  • Preview Image: A preview image can be defined
  • Volume Control: You have a complete sound control. You can also set the initial volume
  • Description For Video – Optional: It Can Be Disabled: You can set a Title and Description for the video. Supports HTML & CSS formated text.
  • Click Listener
  • Multiple Parameters Available: – width - height – autoplay - loop ... and more

Note for IOS/Android (restrictions imposed by Apple/Google) and other browsers: - it autoplays on IOS/Android only if the video is muted. When you set autoPlayOnMobile:true, the video will mute automatically for mobile devices. - volume controls will not work on IOS/Android. You’ll have to adjust the volume with physical buttons of the mobile device.

Note for Safari, Chrome & Firefox (restrictions imposed by Apple & Google): - Starting with Safari 11 and Chrome 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS. It autoplays only if the video is muted - Starting with the version 66 of Firefox, autoplay was blocked, You can revert to the old behavior from browser settings, when autoplay was allowed.

NEW PRODUCT

OTHER RECOMMENDED VIDEO PLAYERS

Keywords: html5, html5 video player, playlist, autoplay, clean, customizable, fullscreen, jquery, skin, multiple skins, media, player, resizable, video, webm, mp4, H.264, wordpress, wordpress plugin If you need additional information don’t hesitate to contact us at office@lambertgroup.ro. We’ll try to answer you as quickly as possible. Enjoy!

UPDATES / RELEASE LOG

***Version 5.3.4 - player without playlist - Release Date: February 09, 2022
  - updates for 2022
***Version 5.3.3 - Player with RightSide Playlist
  - updates for 2022
***Version 5.3.3 - player with Bottom Playlist
  - updates for 2022

***Version 5.3.3 - player without playlist - Release Date: October 23, 2021
  - color picker improvements
***Version 5.3.2 - Player with RightSide Playlist
  - color picker improvements
***Version 5.3.2 - player with Bottom Playlist
  - color picker improvements

***Version 5.3.2 - player without playlist - Release Date: August 07, 2021
  - code improvements
***Version 5.3.1 - Player with RightSide Playlist
***Version 5.3.1 - player with Bottom Playlist

***Version 5.3.1 - player without playlist - Release Date: July 05, 2021
  - updated the plugin to respect the latest Envato WordPress Plugin Requirements
***Version 5.3.1 - Player with RightSide Playlist
  - updated the plugin to respect the latest Envato WordPress Plugin Requirements
***Version 5.3.1 - player with Bottom Playlist
  - updated the plugin to respect the latest Envato WordPress Plugin Requirements

***Version 5.3 - player without playlist - Release Date: July 02, 2021
  - code improvements
***Version 5.3 - Player with RightSide Playlist
  - code improvements
***Version 5.3 - player with Bottom Playlist
  - code improvements

***Version 5.2 - player without playlist - Release Date: May 21, 2021
  - bug fix when the controls were set to always be visible
***Version 5.2 - Player with RightSide Playlist
***Version 5.2.1 - player with Bottom Playlist

***Version 5.1 - player without playlist - Release Date: March 15, 2021
  - for mobile devices, the controls will hide after the play button is pressed
***Version 5.2 - Player with RightSide Playlist
***Version 5.2.1 - player with Bottom Playlist

***Version 5.2 - Player with RightSide Playlist - Release Date: February 24, 2021
  - WP 5.6.2 compatibility fix
***Version 5.2.1 - player with Bottom Playlist
  - WP 5.6.2 compatibility fix
***Version 5.0.1 - player without playlist

***Version 5.2 - player with Bottom Playlist - Release Date: January 28, 2021
- "use strict" mode on
- updates to be compatible with jQuery 3.5+
- reflection library update
***Version 5.0.1 - player without playlist
***Version 5.1.2.5 - Player with RightSide Playlist

***Version 5.0.1 - player without playlist - Release Date: January 05, 2021
- code improvements
***Version 5.1.2.5 - Player with RightSide Playlist
***Version 5.1.3.5 - Player with Bottom Playlist

***Version 5.0 - player without playlist - Release Date: November 12, 2020
- "use strict" mode on
- updates to be compatible with jQuery 3.5+
***Version 5.1.2.5 - Player with RightSide Playlist
***Version 5.1.3.5 - Player with Bottom Playlist

***Version 5.1.3.5 Release Date: September 28, 2020
- sessions improvements

***Version 5.1.3.4 Release Date: September 22, 2020
- session_start with 'read_and_close'

***Version 5.1.3.3 Release Date: July 15, 2020
- css modifications

***Version 5.1.3.2 Release Date: January 15, 2020
- updates for 2020

***Version 5.1.3.1 Release Date: October 28, 2019
- replaced author uri link

***Version 5.1.3 Release Date: September 12, 2019
- bottom playlist navigation improvements

***Version 5.1.2.1 Release Date: August 21, 2019
- added player loading delay, for player without playlist

***Version 5.1.2.0 Release Date: July 25, 2019
- added pagination in admin area for players display, for player without playlist

***Version 5.1.2 Release Date: July 05, 2019
- replaced the .click(), .mouseover(), .mouseoout() etc functions, from the plugin JS file, with the equivalent .on()

***Version 5.1.1 Release Date: June 19, 2019
- removed error suppression

***Version 5.1 Release Date: March 30, 2019
- updated the plugin to respect the latest Envato WordPress Plugin Requirements

***Version 5.0 Release Date: January 28, 2019
- 'Center Plugin' parameter was added. By setting it 'true' the player will center on the page

***Version 4.9 Release Date: December 16, 2018
- autoplay on Chrome
- fullscreen feature fix

***Version 4.8.3.0 Release Date: December 12, 2018
- screenfull.min.js library updated to the latest version

***Version 4.8.3 Release Date: November 30, 2018
- increased the playlist scroll when using the mouse wheel

***Version 4.8.2.2 Release Date: October 26, 2018
- multiple code improvements
- reflection library updated

***Version 4.8.2.1 Release Date: July 12, 2018
- code improvements

***Version 4.8.2 Release Date: May 02, 2018
- when initial volume is set to 0 the html5 video tag is also set to muted

***Version 4.8.1 Release Date: February 26, 2018
- bug fix

***Version 4.8 Release Date: February 16, 2018
- code improvements

***Version 4.7.3.1 Release Date: October 19, 2017
- code improvements

***Version 4.7.3 Release Date: September 19, 2017
- auto-play option added for IOS devices

***Version 4.7.2 Release Date: March 19, 2017
- fixed a bug for 'Number Of Thumbs Per Screen' when was set to 0

***Version 4.7.1 Release Date: February 11, 2017
- code improvements

***Version 4.7 Release Date: April 5, 2016 
- feature: parameter to hide the playlist on init
- feature: parameter to hide the playlist button

***Version 4.6 Release Date: January 22, 2016 
- bug fix: Fullscreen feature for IE11
- feature: added the new Media Library selection window

***Version 4.5 Release Date: May 12, 2015 
- bug fix: fixed a bug which appeared when the thumb was double clicked

***Version 4.4 Release Date: October 11, 2014 
- feature: added touch swipe scroll for playlist on mobile devices

***Version 4.3 Release Date: August 20, 2014 
- bug fix: fixed a bug which appears on Opera 23.0

***Version 4.2 Release Date: April 17, 2014
- code improvements

***Version 4.1 Release Date: April 4, 2014 
- code improvements

***Version 4.0 Release Date: April 2, 2014 
- feature: responsive behavior
- feature: real FullScreen for browsers which support it: Firefox, Chrome, Opera and Safari
- feature: parameter to keep controllers always visible
- feature: preview option in admin interface
- feature: duplicate option in admin interface
- feature: option to load the video files directly from Media Library
- feature: optional shortcode parameters to load the video file directly from the shortcode definition
- feature: optional shortcode parameters to load the video file directly from the page/post custom fields
- new video tutorials

***Version 3.2 Release Date: February 14, 2014 
- updated the product to work with new Firefox versions.

***Version 3.1 Release Date: February 4, 2014 
- updated the product to work with IE11

***Version 3.0 Release Date: April 17, 2013 
- feature: improved the playback on Android devices

***Version 2.0 Release Date: February 8, 2013 
- feature: updated the product to be compatible with jQuery 1.9
- feature: removed the support for .ogv files

***Version 1.4 Release Date: August 22, 2012  
- improved the rightside playlist navigation.

***Version 1.3 Release Date: March 26, 2012 
- feature: replaced $() alias with jQuery()

***Version 1.2 Release Date: March 10, 2012 
- feature: enabled "ESC" for leaving full screen state.

***Version 1.1 Release Date: February 25, 2012  
- code improvements.

***Version 1.0 Release Date: February 18, 2012

Categories

codecanyon

Tags

customizablefullscreenhtml5html5 playerhtml5 video playeriosplaylistvideo playerwordpresswordpress plugin
WordPressWebsite

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Royale - Creative WordPress Theme icon

Royale - Creative WordPress Theme

Go to Website
Hot or Not
Royale - Creative WordPress Theme

Description

Royale’ is the creative template that will bring out the best in your photography or videos, and the complete set of page templates will give you the possibility to present your brand and work in a refined and professional way. When creating Royale’, we made sure we didn’t miss any details, so we created a perfect balance between design, usability and interactivity. With its sleek and elegant design powered by jQuery and HTML5 , Royale’ will make your portfolio stand out from the crowd.

Features

  • Full-Screen Background Images
  • Full-Screen Background Slideshow, which can be used as a standalone or together with content
  • WordPress made easy – with our custom built admin panel, which makes editing the site a breeze
  • Easy install and preview clone – in just under 5 minutes!
  • 5 Portfolio Setups
  • 20 + shortcodes for video, layout, sliders, galleries, toggles, testimonials, google maps, accordions, tabs
  • Custom Built Banner Slideshow
  • HTML5 Video with Flash Fallback, with custom built flash player
  • Vimeo and YouTube Support
  • Thumbnail Slider with Tooltip
  • Included Contact Form with Admin
  • Social Media Marketing made easy – insert tweet, like or +1 buttons anywhere you like – in the bottom of the post or the top of the page – in homepages or blog posts or pages
  • SEO Optimized - as of update 1.2 – choose description & keywords for each post / page to optimize your position on search engines ( also represents the text on the facebook or other social networks share description )
  • Custom Built Admin for Sliders (with Drag & Drop uploader ), Contact Form, Fonts and Theme Options
  • Visual Shortcodes Editor –
  • Portfolio with Custom Posts included
  • Page Templates – with / without content
  • internationalization / translation ready – .mo and .po files provided
  • detailed documentation online –

What do you get in the package

  • Royale Theme – for WordPress
  • Royale Child Theme for developer customizations
  • Documentation – and videos to get you started with your site in no time
  • Preview Sample Data – sample data xml and slider configuration like in the preview make cloning the preview ( so you can start editing from there if you want ) a breeze
  • PSD Files – to get you started on mockups
  • Lifetime Free Updates - Even if the theme will get updated, or it’s value will increase, you will get all updates for free

Updates

How to update:

Download the package again from TF, unpack it, open the unpacked folder, go to the theme/ folder, unpack the zip from that folder then just access the ftp and copy the folder over the one you have in wp-content/themes . Go to the Theme Settings from the Appearance Menu in your WP Dashboard and click Reinstall Table. Done!

UPDATE 4.00 [ 01/02/2020 ]

  • responsive rework
  • ajax capability
  • zoomsounds / dzsap support

UPDATE 3.20 [ 02/14/2014 ]

  • some bugs in chrome
  • royale slider replaced with advanced scroller ( includes features like drag & swipe )

UPDATE 3.10 [ 02/14/2014 ]

  • some bugs
  • default scroller now replaced with DZS Scroller, complete with generator
  • install Sample Data in one click from Theme Options > Install Sample Data

UPDATE 3.00 [ 12/10/2013 ]

  • some bugs
  • theme portfolio replaced with ZoomFolio, complete with generator
  • page builder

UPDATE 2.00 [ 09/01/2013 ]

  • Chrome bug on background slider
  • multiple databases support for Sliders Admin
  • option for the multi uploader to upload directly in the wp-content/ folder ( default is it uploads in the theme folder, but you could lose the images uploaded via the multiuploader when you delete the theme )

UPDATE 2.00 [ 09/01/2013 ]

  • Chrome bug on background slider
  • multiple databases support for Sliders Admin
  • option for the multi uploader to upload directly in the wp-content/ folder ( default is it uploads in the theme folder, but you could lose the images uploaded via the multiuploader when you delete the theme )

UPDATE 1.63 [ 12 / 09/ 2012 ]

  • fixed some bugs
  • updated google analytics to match their latest policy
  • modified some excerpts format
  • fixed sliders admin – single uploader and multi uploader

UPDATE 1.52 [ 06 / 06/ 2012 ]

  • fixed some bugs
  • added 2 more instruction videos

UPDATE 1.5 [ 05 / 15/ 2012 ]

  • fixed some other Background Gallery bugs

UPDATE 1.4 [ 03 / 17 / 2012 ]

  • fixed Background Gallery bugs
  • added iphone / ipad layout select settings in theme options
  • added enable auto resize via timthumb in theme options

UPDATE 1.31b [ 03 / 12 / 2012 ]

  • fixed sliders admin – blue plus bug
  • fixed Background Gallery not showing up when the first item is not of CATEGORY type

UPDATE 1.31 [ 03 / 12 / 2012 ]

  • fixed sortable portfolio bugs
  • fixed ie8 bug on the background Background Gallery

UPDATE 1.3 [ 03 / 06 / 2012 ]

  • fixed some bugs
  • added sortable option on the portfolio – check here –

UPDATE 1.2 [ 02 / 21 / 2012 ]

  • seo description and keywords option added for each page
  • google analytics tracking code box in the Theme Options
  • updated & restructured documentation – link in the features section above
  • added hide menu option
  • added the wall shortcode & background slider option
  • added shortcodes – testimonials, tabgroups, toggles, accordions
  • added tweet, like or +1 buttons in theTheme Options to be setup wherever you wish
  • logo link bug fixed

UPDATE 1.1 [ 02 / 15 / 2012 ]

  • menu bug fixed
  • other small bug fixes
  • updated documentation
  • added hide menu option
  • added favicon and apple touch icon in the admin

If you update by deleting the current theme and installing via zip, it will work but you might lose images uploaded via drag & drop.

Install & Clone preview in under 4 minutes!

iPad / iPhone compatible!

FAQ

A list of FAQ questions ->

How can I make social icons open the link in a new window ?
open functions.php line ~713 modify this part 
$slides = get_option_tree('sm_icons', '', false, true, -1);

            foreach ($slides as $slide) {
                echo '<a href="' . $slide['link'] . '"><img src="' . $slide['image'] . '" alt="' . $slide['title'] . '" /></a>
    ';
            }
with 
$slides = get_option_tree('sm_icons', '', false, true, -1);

            foreach ($slides as $slide) {
                echo '<a target="_blank" href="' . $slide['link'] . '"><img src="' . $slide['image'] . '" alt="' . $slide['title'] . '" /></a>
    ';
            }
I would like to have the backgroud menu and pages a little transparent. I have seen in the support questions that for the menu, it’s possible, I think that for the pages too… Thanks

Hey – you can go to Theme Options > Skining – and for the backgrounds write 

rgba(0,0,0,0.5)
instead of using the colorpicker.
What is the shortcode to create a sortable portfolio as shown in the test site?
This is what we used in the preview site –

Thanks!

How do I get the images in the three column portfolio layout to open up with light box like on the demo site?

For gallery portfolio type – If you access in the admin the portfolio item ( gallery item in this case ) you are trying to edit, you will notice the Big Image option in the DZS Portfolio Settings. Any image you will have there will open in a lightbox in the gallery.

For normal portfolio type – You will find the answer in the documentation

Also, you might notice in this page – – that each portfolio item has it’s own gallery. This is done via having a royale slider in the portfolio item content. The shortcode for the royale slider is and it can be setup via Appereance > Sliders Admin.

How do I embed flash video on the page or in the headers sliders? When I just paste the code onto the page it just shows white box.

Go to the Sliders Admin and configure a slider that has Royale Slider as the type. Then add a new item, in the Preview Thumb field upload / set a image with the dimensions you set in the width and height settings ( from the left ) and in the source folder paste the path to your .mp4 file – automatic flash fallback will be made for IE

In the Fullscreen Gallery CJ I would like to remove the thumbs up and music button.

Go to Theme Options > Extra CSS and write

#cj-gallery #cj-share-button { display: none; }

#cj-gallery #cj-music-button { display:none }

and save.

How do I create a slideshow in the home page?

With the home page setup, scroll to the royale Post Options to the Background Slider and choose bg1 or bg1_noinfo or bgcj. Edit those with your images or create your own gallery via the Sliders Admin - only galleries with the type fullscreen gallery simple or fullscreen gallery cj will get listed as options for the Background Slider post option.

What’s a WordPress category ID ? How do I find the category ID ?

Go to Posts > Categories and you’ll find the ID in the link that goes to the specific category, as shown in the below picture.  

How can i make it so the entire blog post shows up without having to click read more or the post title ?
Just enable Excerpt field from the Custom Fields area ( more information here ), copy the content from your content area and paste it in the newly enabled excerpt field. Then click Update, all done. If you still need the readmore button you can add {readmore} in the excerpt. 
<script>jQuery(window).load(function(){ jQuery('.toggle-title').eq(0).trigger('click'); });</script>
The sortable link works, BUT i don’t have any titles on the sorting buttons. Where do i need to set those?

Hey – name your categories Portfolio – Category name and you should then see the title.

For example -> Portfolio – Street Art will be displayed as Street Art

What happens with Vertical Images on the background ?
They should fit the window without breaking the aspect ratio
I’d like to insert the Royale Contact Form in my ‘contact page’, but i don’t know how… Can someone help me ?
If you want only the contact form, insert this: If you want your contact page to look exactly as the demo, insert this:
How can I incorporate a custom font ( besides the included Google Fonts ) ?
You need to go to Appearence > Theme Options > Extra CSS and write there 
@font-face {  
  font-family: " yourFontName ";  
  src: url( /location/of/font/FontFileName.eot ); /* IE */  
  src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */  
}  

.tagYouWantToHaveThatFont { font-family:" your FontName ", verdana, helvetica, sans-serif;  
}
Is the theme capable of deactivating the “hide navigation sidebar button”? If not, how do I manage this?
Yes, it’s in every post’s options
Is it possible to deactivate and not list the “like thumb icon” with social media icons and “music note icon” in top right of screen?
Yes, there is a on/off button for the social icons and the music button does not appear if there are no songs uploaded.
Is it possible to have the option to deactivate the thumbnails on the home page and just have previous and next arrows to navigate to the images on the home page?
Yes, you can just use the simple FULLSCREEN SLIDESHOW gallery for this –
Can I change the color of the navigation sidebar and the background color of pages (e.g., About Us).
Yes, it can be done very easily via Theme Options > Extra CSS
Before I purchase this theme, could you please clarify the following. I would like to have a menu consisting of Gallery 1/Gallery 2/etc, each of them will have submenus. Each menu should have the layout and functionality like the Home page on the demo. Is this possible? Or only the Home page can have the functionality as displayed?
It’s 100% possible. This theme is made to be flexible. you can create as many galeries as on the homepage. And any page can be the homepage ( there is no specific homepage functionality )

Credits

The fonts are mostly stored in the Google Web Fonts library –

Menu Font –

Big Heading Font –

Important: Preview images are not included. They can be purchased from fotolia.com

Categories

themeforest

Tags

arhitecturecreativecreative themeeasyfashion themegallerygallery themeportfolioportfolio themepremiumslidersvimeowordpress themeyoutube
WordPressCreativeSlidersWebsite

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.