Html5 Video Player Docs

  1. Home
  2. Docs
  3. Html5 Video Player Docs
  4. Guides
  5. Display the Player

Display the Player

Using ShortCode

From your admin dashboard, click on Add New Player under the HTML5 Video Player menu. Then select the Video Type. Lets select VIdeo.

HTML5 Video Player- ShortCode Choose Type
HTML5 Video Player- ShortCode Choose Type

After selecting the video type you have to upload video or enter video URL to get started.

HTML5 Video Player- Upload Video
HTML5 Video Player- Upload Video

After add video you will see the settings on the right sidebar just like Gutenberg. Copy the shortcode. (you can also copy the shortcode after published). Now publish/save the post.

HTML5 Video Player- ShortCode Config
HTML5 Video Player- ShortCode Config

Paste the shortcode in post, page, or text widget content. Save and view the content, you will see a video player.

HTML5 Video Player- Preview
HTML5 Video Player- Preview

Using Gutenberg

Go to your Gutenberg Editor. Insert HTML5 Video Player, Youtube Player or Vimeo Player block. Lets select HTML5 Video Player.

HTML5 Video Player- Gutenberg Add Block
HTML5 Video Player- Gutenberg Add Block

After selecting the block you have to upload video or enter video URL to get started.

HTML5 Video Player- Upload Video
HTML5 Video Player- Upload Video

After add video you will see the settings on the right sidebar. Change the settings if you need.

HTML5 Video Player- Gutenberg Config
HTML5 Video Player- Gutenberg Config

Save and view the content, you will see a video player.

HTML5 Video Player- Preview
HTML5 Video Player- Preview

Others

Also, you can display the player using Playlist and Quick player from HTML5 Video Player menu.

Was this article helpful to you?

How can we help?