Very easy to install and use. Once activated, a new icon will be available on the TinyMCE editor to help you construct the shortcode with multiple options:
- Support for MP4/WEBM/OGG video files, YouTube or Vimeo links in posts or pages
- Trigger popup via a click on a poster (image), a button or a text
- Video pauses when popup close
- Responsive & centered videos
This plugin uses the native WordPress Video Shortcode and MediaElements.js JavaScript library already present in WordPress since 3.6.0.
Documentation
To include a video in your posts or pages, use the shortcodes below:
For MP4 / WebM / Ogv
[favideo-popup popup="text" text="YOUR TEXT" mp4="https://domain.com/video.mp4" webm="https://domain.com/video.webm" ogg="https://domain.com/video.ogv"]
You must declare at least one type of video with a valid url. See options for popup below.
For YouTube
[favideo-popup popup="text" text="YOUR TEXT" youtube="https://www.youtube.com/watch?v=VIDEO_ID"]
Replace “VIDEO_ID” with the video ID from YouTube. See options for popup below.
For Vimeo
[favideo-popup popup="text" text="YOUR TEXT" vimeo="https://vimeo.com/VIDEO_ID"]
Replace “VIDEO_ID” with the video ID from Vimeo. See options for popup below.
Popup via click on image (poster)
[favideo-popup popup="poster" poster="https://domain.com/wp-content/uploads/YOUR_IMAGE.png" mp4="https://domain.com/video.mp4"]
Popup via click on button
[favideo-popup popup="button" button="YOUR BUTTON TEXT" mp4="https://domain.com/video.mp4"]
Popup via click on text
[favideo-popup popup="text" text="YOUR TEXT" mp4="https://domain.com/video.mp4"]
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.