videojs-html5-player

KO | EN

gitlite — search

#python #ai #golang #go #android #machine-learning #deep-learning #linux #macos #kubernetes #awesome-list #ios #mcp #open-source

videojs-html5-player

(★ 9)

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

videojs-html5-player Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Videojs HTML5 Player for WordPress

## Description

[Videojs](https://wphowto.net/videojs-html5-player-for-wordpress-757) is a user-friendly plugin for WordPress that supports video playback on desktops and mobile devices. It makes super easy for you to embed both self-hosted video files or video files that are externally hosted using the Videojs library. It was developed by [wphowto](https://wphowto.net/) and is currently being used on over 5,000 websites.

## Videojs Plugin 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)

## Videojs Plugin Usage

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.

## Videojs Shortcode Parameters

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"]
```
## Documentation

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

videojs-html5-player

videojs-html5-player Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

videojs-html5-player

videojs-html5-player Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README