Horje
The plugin makes it easy to embed the VAST ready Fluid Player video player. Wordpress Tutorial

Noted That:

  • To install correctly this fluid-player.zip .
  • Fisrt Download the fluid-player.zip to your computer
  • Extract/Open fluid-player.zip to Your Computer.
  • Then, Find readme.txt file inside fluid-player.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " fluid-player.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " fluid-player.zip "  Downloaded plugin from your computer, Where you downloaded fluid-player.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Fluid Player " folder is added on left sidemenu. Now, Click on " Fluid Player " folder.

   Noted that: If you do not see " Fluid Player " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Fluid Player Configurtions and Settings or How to work " Fluid Player " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Fluid Player " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Fluid Player
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

This section describes how to install the plugin and get it working.

  1. Upload the plugin files to the /wp-content/plugins/fluid-player directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Include any of the the [fluid-player] or [fluid-player-extended] shortcodes on your website pages/posts. Below is the list of accepted parameters:
  • video : path to actual video to be used by the player. If no value is passed it will fall back to the plugin sample video.
  • vast_file : path to vast file (optional)
  • vtt_file : path to VTT file (optional)
  • vtt_sprite : path to VTT sprites file (optional)
  • layout : the following skins are provided with the player: default/browser, if no value is passed it will fall back to ‘default’
  • responsive : toggle responsive behavior, defaults to false
  • auto-play : toggle video autoplay, defaults to false
  • playback-speed-control : Toggle playback speed widget on the control bar, defaults to false
  • poster-image : Poster image to be displayed before video playback starts. Video screenshot is used most commonly

  • allow-download : Toggle Download button on the control bar, defaults to false

  • logo : Logo url

  • logo-position: logo positioning, default value “top right”
  • logo-opacity : logo opacity, default value 1

  • logo-hyperlink: URL which will open in an new tab when the logo is clicked

  • ad-text : Ad text visible in the top right corner of the video

  • ad-cta-text : CTA hyperlink visible in the bottom left corner of the video

  • html-on-pause-block-width : html banner width, default null

  • html-on-pause-block-height : html banner height, default null

Simple shortcode example:


[fluid-player video="foo.mp4" vast_file="vast.xml" vtt_file="thumbs.vtt" vtt_sprite="thumbs.jpg" layout="default" auto-play="true" allow-download="true" playback-speed-control="true" responsive="true"
]

Extended shortcode example:


[fluid-player-extended vast_file="vast.xml" layout="default" auto-play="true" allow-download="true" playback-speed-control="true" poster-image="https://www.fluidplayer.com/images/valerian-thumbnail.jpg" logo="https://www.fluidplayer.com/images/yourlogo.png" logo-position="top right" logo-opacity=".8" logo-hyperlink="https://www.fluidplayer.com/" ad-text="adText" ad-cta-text="adCTAText" html-on-pause-block-width="100" html-on-pause-block-height="100" responsive="true"] [fluid-player-multi-res-video] [ {"label": "720", "url": "https://cdn.fluidplayer.com/videos/valerian-720p.mkv"}, {"label": "480", "url": "https://cdn.fluidplayer.com/videos/valerian-480p.mkv"} ] [/fluid-player-multi-res-video] [fluid-player-html-block] 

 
 

 [/fluid-player-html-block]
[/fluid-player-extended]

player , makes , easy , embed , vast , ready , fluid , video , tutorial ,

Name
   How to add Themify Store Locator in Wordpress
   How to add Cat Tag Filter Widget in Wordpress
   How to add Simple Secure Contact Form in Wordpress
   How to add Evernote Sync in Wordpress
   How to add Comments Not Replied To in Wordpress 

Read Article
https://develop.horje.com/learn/1434/reference

 

Horje