=== Videojs HTML5 Player ===
Contributors: naa986
Donate link: https://wphowto.net/
Tags: videojs, video, player, embed, html5
Requires at least: 4.2
Tested up to: 6.0
Stable tag: 1.1.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Embed video file beautifully in WordPress using Video.js HTML5 Player. Embed HTML5 compatible responsive video in your post/page with Video.js.

== Description ==

[Video.js HTML5 Player](https://wphowto.net/videojs-html5-player-for-wordpress-757) is a user-friendly plugin that supports video playback on desktop and mobile devices. It makes super easy for you to embed both self-hosted video files or video files that are externally hosted using Video.js library.

https://www.youtube.com/watch?v=uF-V6qGvcu8&rel=0

=== Video.js HTML5 Player Features ===

* Embed MP4 video files into a post/page or anywhere on your WordPress site
* Embed responsive videos for a better user experience while viewing from a mobile device
* Embed HTML5 videos which are compatible with all major browsers
* Embed videos with poster images
* Embed videos using videojs player
* Automatically play a video when the page is rendered
* Embed videos uploaded to your WordPress media library using direct links in the shortcode
* No setup required, simply install and start embedding videos
* Lightweight and compatible with the latest version of WordPress
* Clean and sleek player with no watermark
* fallbacks for other HTML5-supported filetypes (WebM, Ogv)

=== How to Use Video.js HTML5 Player ===

In order to embed a video create a new post/page and use the following shortcode:

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4"]`

Here, "url" is the location of the MP4 video source file (H.264 encoded). You need to replace the sample URL with the actual URL of the video file.

= Video Shortcode Options =

The following options are supported in the shortcode.

**WebM**

You can specify a WebM video file in addition to the source MP4 video file. This parameter is optional.

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" webm="http://example.com/wp-content/uploads/videos/myvid.webm"]`

**Ogv**

You can specify a Ogv video file in addition to the source MP4 & WebM video files. This parameter is optional.

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" webm="http://example.com/wp-content/uploads/videos/myvid.webm" ogv="http://example.com/wp-content/uploads/videos/myvid.ogv"]`

**Width**

Defines the width of the video file (Height is automatically calculated). This option is not required unless you want to limit the maximum width of the video.

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" width="480"]`

**Preload**

Specifies if and how the video should be loaded when the page loads. Defaults to "auto" (the video should be loaded entirely when the page loads). Other options:

* "metadata" - only metadata should be loaded when the page loads
* "none" - the video should not be loaded when the page loads

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" preload="metadata"]`

**Controls**

Specifies that video controls should be displayed. Defaults to "true". In order to hide controls set this parameter to "false".

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" controls="false"]`

When you disable controls users will not be able to interact with your videos. So It is recommended that you enable autoplay for a video with no controls.

**Autoplay**

Causes the video file to automatically play when the page loads.

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" autoplay="true"]`

**Poster**

Defines image to show as placeholder before the video plays.

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" poster="http://example.com/wp-content/uploads/poster.jpg"]`

**Loop**

Causes the video file to loop to beginning when finished and automatically continue playing.

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" loop="true"]`

**Muted**

Specifies that the audio output of the video should be muted.

`[videojs_video url="http://example.com/wp-content/uploads/videos/myvid.mp4" muted="true"]`

For detailed documentation please visit the [Videojs HTML5 Player](https://wphowto.net/videojs-html5-player-for-wordpress-757) plugin page

== Installation ==

1. Go to the Add New plugins screen in your WordPress Dashboard
1. Click the upload tab
1. Browse for the plugin file (videojs-html5-player.zip) on your computer
1. Click "Install Now" and then hit the activate button

== Frequently Asked Questions ==

= What is Video.js? =

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video playback on desktop and mobile devices.

= How do I run Video.js? =

Install the Video.js plugin and add a shortcode to your WordPress post/page.

= Is Video.js open source? =

Yes.

= Does Video.js plugin support HLS? =

No.

= What media formats does Video.js plugin support? =

MP4, WebM and Ogv.

== Screenshots ==

1. Video.js Player Demo

== Upgrade Notice ==
none

== Changelog ==

= 1.1.6 =
* Updated Video.js to 7.14.3.

= 1.1.5 =
* Updated Videojs to 7.10.1.

= 1.1.4 =
* Made some security related improvements in the plugin

= 1.1.3 =

* Videojs play button is now centered by default.

= 1.1.2 =

* Videojs HTML5 Player is now compatible with WordPress 4.9.

= 1.1.1 =

* Added support for playsinline attribute which allows a video to play inline on iOS (the video will not automatically enter fullscreen mode when playback begins).

= 1.1.0 =

* Videojs script is now enqueued in the footer to avoid a JavaScript setup error.

= 1.0.9 =

* Made jQuery a dependency for the videojs script.

= 1.0.8 =

* Updated the translation files so the plugin can take advantage of language packs.
* Videojs HTML5 Player is now compatible with WordPress 4.4.

= 1.0.7 =

* Added a new shortcode parameter to accept Ogv as a video source format.

= 1.0.6 =

* Added a new shortcode parameter to accept WebM as a video source format.

= 1.0.5 =

* Updated the Videojs library to 5.0.0

= 1.0.4 =

* Videojs HTML5 Player is now compatible with WordPress 4.3

= 1.0.3 =

* Added an option to mute the audio output of a video
* Added an option to loop a video

= 1.0.2 =

* Added an option to show/hide controls
* Added an option to set preload attribute

= 1.0.1 =

* First commit
