Video Players – $ – Breakdown
- Ultimate Video Player – https://codecanyon.net/item/ultimate-video-player/7694071 – ALL ABOUT PLAYLISTS – would have to make playlist for single videos (same issues we have with jwplayer and tracking video – would continue)
- Easy Video Player – https://codecanyon.net/item/easy-video-player-wordpress-plugin/8537670 – has support for single videos w/ shortcode – add directly to player – all advertising etc. features as Ultimate
FREE VERSION IN WP PLUGINS: https://wordpress.org/plugins/easy-video-player/ - FLOW PLAYER: https://wordpress.org/plugins/fv-wordpress-flowplayer/ | https://flowplayer.com/demos/standard-setup
- Video JS Html 5 Video Player – using it on weekends – nice player – https://wphowto.net/videojs-html5-player-for-wordpress-757
- HTML5 – https://bplugins.com/html5-video-player-pro/
Ultimate Video Player – Playlist Example
Single – Static Video Example
- FREE: https://wordpress.org/plugins/easy-video-player/
- PAID:https://codecanyon.net/item/easy-video-player-wordpress-plugin/8537670
FREE: Easy Video Player
[evp_embed_video url=”https://clickety-clack.click/img/clickety-clack-site /prevsiteimgs/2020/09/circles-lines-noise1.mp4″ poster=”https://clickety-clack.click/img/clickety-clack-site /prevsiteimgs/2020/09/1circlenoise_playlist_thumb.jpg” ratio=”16:9″ autoplay=”false”]
PAID: Easy Video Player – $60
Alternatives – Single Video Player
- VIDEOJS – https://wphowto.net/videojs-html5-player-for-wordpress-757
- HTML5 – https://bplugins.com/html5-video-player-pro/
- FLow Player – https://wordpress.org/plugins/fv-wordpress-flowplayer/
FREE: VIDEO JS
[videojs_video url=”https://clickety-clack.click/img/clickety-clack-site /prevsiteimgs/2020/09/glitches2.mp4″ poster=”https://clickety-clack.click/img/clickety-clack-site /prevsiteimgs/2020/09/2glitches_playlist_thumb.jpg” loop=”false” autoplay=”false” preload=”metadata”]
width / Fallback Video Types / webm ogv /
FREE: https://flowplayer.com/demos/standard-setup
[fvplayer id=”1″]
Flow Player does not let you directly insert the mp4 / jpg – has a managed interface
Video Assets
Video Players – add on features
code.tutsplus.com/tutorials/how-to-use-easy-video-player-for-javascript–cms-33898
ADDING ANNOTATIONS TO THE VIDEO –
code.tutsplus.com/tutorials/how-to-use-easy-video-player-for-javascript–cms-33898
Easy Video Player – Free
noorsplugin.com/wordpress-video-plugin/
wordpress.org/plugins/easy-video-player/#developers
plugins.trac.wordpress.org/browser/easy-video-player/
Skins
github.com/sampotts/plyr
codepen.io/fullkornslimpa/pen/bKeXNq
codepen.io/fullkornslimpa/pen/rKLywR
envato
https://elements.envato.com/sticky-ultimate-video-player-wordpress-plugin-GMPKSRQ
Easy Video Player – Paid
codecanyon.net/item/easy-video-player-wordpress-plugin/8537670
Easy Video Player – FREE
https://wordpress.org/plugins/easy-video-player/
- ELITE:
codecanyon.net/item/elite-video-player-wordpress-plugin/10496434 - ULTIMATE:
codecanyon.net/item/ultimate-video-player/7694071
Ultimate Video Player
DOCUMENATATION::
https://staticdocumentation.shawneee.com/
https://staticdocumentation.shawneee.com/plugins/ultimate-video-player/documentation/index.html
A) IMPORTANT NOTES – make sure you read this! – top
Please note that the Ultimate Video Player Wordpress Plugin installation and configuration is not complicated but because it has a lot of customizable settings it might seem complicated, so please go through the entire help file and watch the video tutorial before trying to install it into your own Wordpress site and pages.Ultimate Video Player only requires the mp4 video format and it will work in all browsers on a desktop machine or on a mobile device, this is extremely important because there is no need to create multiple video formats for browsers that don’t support mp4, also please note that the mp4 video format is recommended and used by all major browsers distributors like Google, Microsoft, Apple, Mozilla etc.!
On IE8, Safari under Windows, or Firefox under Mac the Flash player is used because these browsers don’t support HTML5 videos, if your videos don’t start until they are fully loaded then they are encoded with the metadata at the end, this can be easily fixed by using this tool – http://renaun.com/blog/code/qtindexswapper/
To add a folder type playlist you have to first copy your videos folder in the “content” folder of the plugin folder and then put the folder name in the “Playlist source” setting from the playlist dialog. To add thumbnails create an image with the same name as the mp4 file and add -thumbnail after it like this myMp4Video-thumbnail, for example if the video is called myVideo.mp4 the thumbnail should be myVideo-thumbnail.jpg. In the same way you can also add the poster by adding -poster after its name. You can also see all this in the video tutorial.
When something is wrong with the player or an error occurs, a red info box with the problem description will appear over the player. Please note that this box is there to help you understand the problem, for example if a video is not found the box will appear and inform you about the problem. The box can be closed when clicked or touched.
The Ultimate Video Player Wordpress Plugin skin is constructed from .png images, only a few settings for changing colors are possible like changing the playlist or title track color. If you want a different skin the .png files must be modified. The skin is really flexible allowing you to customize the player as you like. We have a great designer so if you need a custom skin please contact us!
To create a playlist from a vimeo album please watch this video tutorial. – https://www.youtube.com/watch?v=PfnSsU0HW0Q&feature=youtu.be
B) Wordpress installation – top
Here is the link to the YOUTUBE VIDEO TUTORIAL. – https://www.youtube.com/watch?v=WtlBO7KJGi4To install the Ultimate Video Player Wordpress Plugin in your Wordpress site, you just need to follow the video tutorial using the “fwduvp.zip” file, or you can also upload and install it manually if you need to, just unzip the file and copy the “fwduvp” folder to your “wp-content/plugins/” directory.
C) API specifications – top
The following lists represent all the public API functions and event listeners that you can use from the player externally:What is Ultimate Video Player?
Ultimate Video Player is a powerful responsive video / audio player that can play local video (mp4) / audio (mp3), streaming videos or audios from a server, Youtube videos or Vimeo / Vimeo Pro videos. It only requires the mp4 / mp3 format (the best and most used formats on the web) and it will work on mobile devices and desktop machines no matter which browser is used, this is made possible by incorporating multiple video engines in an really smart way inside the video player logic. Ultimate Video Player supports unlimited playlists and each playlist can have unlimited videos. The playlists can be loaded from a simple HTML markup, XML file, mixed playlist (vimeo | vimeo pro | youtube | HTML5 video / audio), video folder (mp4 files), audio folder (mp3 files), youtube playlist or youtube channel, vimeo playlist or vimeo album.
Packed with a huge amount of features like responsive layout, multiple playlists, external API, optional deeplinking, responsive skin, embed & share, share window, annotations, video quality selector, subtitle selector, 360 degree / virtual reality / VR support,audio support with real time spectrum visualizer, pre-roll, mid-roll, post-roll video or image, image advertisment, HTTP Live Streaming / HLS / m3u8 video support, DASH MPEG live streaming, google drive, openload / openload.co support, Chromecast etc it makes it the best and most impressive video player available on sale.
Ultimate Video Player main features:
Responsive layout.
Chromecast support, play mp4 video or mp3 audio on your TV screen using chromecast, the media can be controlled via the player interface, basically the browser and the player become a remote tv, example here, (please note currently HLS, youtube, vimeo and advertisement are not supported).
Google analytics support, the possibility to view how many times a video was played or downloaded, please watch this video tutorial for more info.
Mobile and desktop optimized (IOS demo or Android demo).
Support for multiple video quality and optional video quality selector similar to Youtube.
Only mp4 / mp4 video / audio file required.
Real time spectrum visualizer for audio / mp3 files with customizable color theme. This feature can be seen in action by viewing this audio example.
Optional deeplinking (unique and shareable link for the current playlist and video).
Optional fill entire video screen, this feature will allow to fill the gaps of the video player, you can have for example a real full width player, example here.
Optional embed and share window.
Load any type of playlist through HTML markup, XML, mixed playlist (vimeo | vimeo pro | youtube | HTML5 video / audio), video folder (mp4 files), audio folder (mp3 files), Youtube playlist or youtube channel or Vimeo playlist or vimeo album, also mixed playlist width youtube videos / mp4 video files / mp3 audio files / vimeo videos.
The HTML markup playlists can be created manually or generated from a database.
Support for unlimited playlists and each playlist can have unlimited videos.
Optional custom playlists / categories combo-box selector / select drop-down box.
Optional playlist and playlists window / categories selector.
Three type of hover effects for the playlists window / categories selector thumbnails.
Support for openload / openload.co. Please watch this video tutorial for more info.
Optional playlist and playlists window / categories selector auto open (the player can start with the playlist or playlists window / categories selector visible or hidden).
The playlist can be positioned bottom or right.
Optional go fullscreen on play, when the play button is clicked the player goes fullscreen example here.
Optional playlist without thumbnails example here.
Support for scrolling the playlist when the mouse moves instead of the default scrollbar example here.
Customizable thumbnails.
Optional video download button (this buttons can be removed / added globally or individually for each video).
Support for local, streaming from a server, Youtube or Vimeo videos.
Usage of the same Ultimate Video Player custom skin even for the Youtube videos.
Youtube video quality buttons selectors from the video control bar. The available quality rates will be displayed in a cool way so you can select the desired quality for the playing video.
The video player can play a HD video on desktop machines and a smaller video on mobile devices, this useful feature is optional, this means that the video player can play the same video source on all desktop machines or mobile devices.
Optional advanced pre-roll, mid-roll, post-roll / ads / advertisement video or image (similar to youtube ads with extra features). UVP supports unlimited ads they can be added and configured easily. This feature can be seen in action by viewing this video.
Optional popup ads (similar to youtube popup ads are displayed). Multiple ads can be added for a video, also the show and hide time can be specified, for example a pupup ad commercial can be showed at second 10 and hidden at second 40. This feature can be seen in action by viewing this video.
Support for google adsense advertisement.
Support for Interactive Media Ads SDKs – IMA SDK for HTML5 and DFP / Google Doubleclick IMA tags support, which allows you to place Google Adsense for Video tags to stream video PreRoll Ads (linear), Mid-Roll, Post-Roll, VMAP+Bumper and Pods, or Non-Linear Banner/Text Ads (non-linear) with your self hosted videos, adsense example here and DFP, VAST, VMAP example here.
Possibility to open a new page when the video has finished to play, it can open a new page in a different window or replace the page in which the player is running (_blank or _self).
Powerful API included with example files, a full set of API methods, including play, pause, stop, scrub with time, scrub with percent, volume and soooo much more.
Digital fingerprint stamp, this is a security feature that allows the plugin owner to see which user has recorded the video, for more info please watch this video tutorial.
Eight skins included with the psd files.
Download video button (optional).
Rewind 10 seconds button (optional).
Share window button (optional).
HTTP Live Streaming / HLS / m3u8 video support on all browsers mobile and desktop. This feature can be seen in action by viewing this video.
Option to disable the main scrubber, only show the current time and show a live icon for HLS (HTTP Live Streaming) live streaming.
Lazy scrolling / loading, the possibility to initialize UVP on scroll when the player is visible in the page, this way for example if the player is in a section of a webpage that is not visible it will not be initialized / play, instead UVP will be initialized / play only when the user is scrolling to that section in which the player is added.
Optional popup advertisement window on pause, the source can be any web page, example here.
Support for 360 degree / virtual reality / VR videos. This feature can be seen in action by viewing this video.
A to B video loop / ab loop, option to loop a specific section / part of a video using two time / timestamp points, point a the start point and point b the end point, this points can be adjusted using the a to b loop controlbar. This feature can be seen in action by viewing this video, click the play button and the then the a to b loop button from the controlbar.
Optional annotations, similar to youtube annotations but with full controll over the content and mobile support. This feature can be seen in action by viewing this video.
Full HTML and CSS for the annotations content.
Annotations start / show and stop / hide time can be easely sepcified.
Optional annotations animations between the annotations states.
Video cue points, UVP can call javascript functions or javascript code at a specified time during video playback.
Optional playback rate / speed selector. UVP supports multiple playback rates / speeds, they can be set with ease and changed at runtime using an optional playback rates / speeds selector.
Support for subtitles files (.srt, .vtt or txt).
Optional encrypt subtitles source / path. Using this feature will not allow a user / software to see / steal the subtitles source / path from the page source.
Option to set the video to inline (use inline video player like on all other device) or default for IOS (use default player, when the video starts playing the video will go fullscreen, default IOS functionality)
Support for VMAP (Digital Video Multiple Ad Playlist), this is very useful to create a VAST playlist and adding ad breaks at specified times, if you are interested please read more about this here
VAST “Video Ad Serving Template” support, currently only support for linear single or multiple (pods) video/videos (pre-roll, mid-roll, post-roll) ads. Please check out our example pods (multiple videos) .
Added the possibility to set VAST start time in hh:mm:ss. This is an invaluable and unique feature only that UVP has since the VAST template dosen’t have any rule about when to play the ads and this is left to the video player publisher.
Timestamp support in format of t=hours[h]minutes[m]seconds[s], start and / or stop the video at a specified time by setting a timestamp in the player page URL, please see this example and check the URL format it has a timestamp attached to it ex: t=0h0m20s.<
Added optional keyboard support (F:fullscreen / normalscreen, LEFT/RIGHT ARROWS:skip video 5 seconds forward or backward, UP/DOWN ARROWS: volume up or volume down, M:mute/unmute, SPACE:play/pause)
Optional subtitles selector. UVP supports multiple subtitles, they can be set with ease and changed at runtime using an optional subtitle selector. This feature can be seen in action by viewing this video.
HEX / CSS color support the buttons colors can be modified with simple CSS by passing a hexadecimal color(ex: #FF0000) and even more, we have done it in a cool way that all graphics will retain the texture and at the same time apply the chosen color, example here.
Optional video info window.
Optional video poster, the poster is visible when the video player is stopped plus support for two poster sources one for desktop machines and one for mobile devices. Please note that a single source can be used for both for desktop machines and mobile devices.
Multiples display types: responsive / lightbox / sticky/ fullscreen… click here to see the fullscreen preview.
Support for sticky display type, please watch this example.
Support for sticky mode when scrolling up/down through the page this way UVP will always be visible. If the video player is not in the browser viewport area, the sticky version will take over at the bottom of the page. Please check out this example, please scroll the page down to view this feature in action.
Support for lightbox / modal display type, now it is possible to open UVP in a modal / lightbox window when the page loads or on user interaction, for example a button or image click.
Optional custom watermark logo. The logo can be set to hide with the control bar or to always be visible, also the logo position is customizable.
Logic to allow only a logged in user to play / view the video.
Optional watermark logo click. The logo can be set to open a window on click with a specific url.
AutoHide controls bar, the video player can be set to autohide the controls bar after a number of seconds of inactivity.
The video controls bar can be showed or hidden when the video is stopped or it hasn’t started.
Support for encrypted video paths, for example the path content/videos/fwd-720p.mp4 will be encrypted to encrypt:70de891f83b42a958770b738fd3b66f2 this way it will be impossible to steal the video by crawling the page source.
Private password protected videos, example here. Test password is Melinda.
Resume / remember function which marks the last play position of the video when the browser is closed and remembers it when you come back to watch video again.
Support for Thumbnails preview. Please see this example
Optional go fullscreen on play, when the play button is clicked the player goes fullscreen example here.
Optional animated preloader.
Custom context menu, when the right mouse button is clicked a custom menu appears that allows to copy the video URL / video URL at current time or switch fullscreen /normalscreen.
Click to play or pause, you can click on the video to play/pause the video.
Optional start at a random video every time the page is opened.
Double click / double tap functionalityleft video side rewind 10 seconds, center video go fullscreen / normal screen, right video side go forward 10 seconds.
Posibility to start playing at a specified time.
Start volume value.
Autoplay on both PC / OS (desktop) and autoplay on mobile devices (Android / IOS), please note that on mobile the video starts with volume set to zero / muted, (it is the only possible to make this work), the volume can be set at anytime after the video has started to play, example here.
Optional keyboard support.
Big play button.
Next and previous video buttons (optional).
Play / pause button.
Current and total time (optional).
Volume button (optional).
Volume scrubber (optional).
Video info window button (optional).
Shuffle and loop buttons (optional).
Embed and share button (optional).
Fullscreen button (optional).
Detailed documentation and sample files included.
For support or customizations please contact us here.