WordPress video plugin OS-media is an HTML5 player based on the latest Video-js library (5.2.1), designed to make your WordPress platform a multimedia station for responsive video content on-demand
WordPress video plugin OS-media generate an HTML5 video player (Video-js) and allow streaming of mp4/webm/ogv video through php progressively (HTTP pseudo-streaming).
It works with all WP theme, but is designed specifically for OS-media theme, that is able to properly handle the layout of Custom Post Type (Featured Videos).
DEMO ONLINE | wordpress.org page |
There are two areas where you can insert multimedia content:
- in normal post or page with the classic shortcodes added to the post textarea.
- in specific Custom Post Type, a dedicated area to make video platforms where we have a single “Featured video” for each page (like WP Featured Images).
And there are 5 possibility to insert video:
- from local WP installation (after upload video files through FTP): you must place the PATH of this local video resource (for example: /opt/lampp/htdocs/wp/wp-content/uploads/video) and files list appears in file selector.
- from any file server or WP installation: you must place the URL (http://...) and files list appears in file selector.
- from Amazon S3 (Simple Storage Server) [files list appears in file selector],
- directly uploading (or selecting) files through WordPress media uploader (limited size: depends on the configuration of php and WP) [dedicated input for each format: mp4, webm, ogg]
- from the platform Youtube & Vimeo. [dedicated input]
OSmedia Featured video – Custom Post Type:
For this type of page, the best way to display video is to use a specific template (like Os-media theme, specifically designed for this plugin) or you can insert the function Osmedia_video() in your theme. This content are also optimized for latest WP theme like Twenty Fifteen or Twenty Fourteen, automatically detected by this plugin, which loads the dedicated layout for CPT content. If your theme is not recognized, is loaded by default the file layout/osmedia_cpt.php, that you can edit and customize for display your featured video.
Image poster for video:
- For normal post&page you can place poster URL in shortcode.
- In custom Post Field you can use the WP Featured Image, otherwise the plugin try to load image file from the same directory with the same name and .jpg extension.
Option settings:
Some configs parameters are general config, not present in single-post settings, this one are effective for post already created (for example: “local video path”, or “player skin”). And some other config parameters for default setting that are overwritten by the same settings parameters present in single-post (for example: “width”, or “autoplay”).
Shortcode example:
[php]
video file=”demo” fileurl="https://s3-eu-west-1.amazonaws.com/” img="http://.." youtube="KTRVYDwfDyU" width="640" height="360"
[/php]
Video-js Skin:
You can customize you own player skin simply generating css file through this tool: http://codepen.io/heff/pen/EarCt. After that upload this file in the plugin folder: player/videojs/skin. The file name should reflect the name of the main class of the css file (not including the extension .css).
Screenshots:
[av_masonry_gallery ids=’4768,4766,4765,4788′ items=’4′ columns=’4′ paginate=’pagination’ size=’fixed’ gap=’large’ overlay_fx=’active’ caption_elements=’excerpt’ caption_display=’always’ container_links=’active’ id=”]
List of all parameters of OS-media
IMPORTANT NOTE about old version (1.0):
The old featured video post create through old version of this plugin MUST be simply manually reloaded in Admin Area and, when appear the video data on the metabox form, click “Generate Shortcode” button and save post. This because in the new version in normal post and page, video are displayed only through shortcode.
Credits:
OS-media – WordPress HTML5 video video plugin, is based on:
- Video-js video library version 5.2.1
- The skeleton for an object-oriented/MVC WordPress plugin by Ian Dunn.
- The VideoStream class by Md Ali Ahsan Rana.
Looks like i’m getting a 403 forbbiden even though the credentials supplied are valid for the bucket?
Having problems with amazon s3. The video settings is green “ok” and the videos (mp4) are appearing in the list ok.
When trying to view them it just says “The media could not be loaded, either because the server or network failed or because the format is not supported”
Absolutely beautiful theme!
I can’t seem to get the thumbnails to work properly, though. Do I need to upload my own thumbnails or will it pull them through the YouTube API?
Thanks!
Never mind. I figured it out.
Thanks!
I assign the the category and can view the category if i select view but when i create a new page from featured category. nothing shows?
example below
http://www.truvetcommando.com/blog/osmedia_tax/call-of-duty-youtube-videos/
but how do i set that up as a page?
Video Category of OSmedia featured video are SPECIAL category called OSmedia Taxonomy (this is a WordPress standard). You MUST manage this special categories adding OSmedia Taxonomy items in a specific menu (the category menu). And after that you can place this menu everywhere you want.
Attention: you can see the category items (menu elements) only if there is at least one video: empty categories do not appear!
cant get it to work. How do i assign a specific format to a page. created the categorie but them what is the link? is there admin demo?
i can get video categories to show up
Of course, you must set Custom Post Type specific categories (in OSmedia videos menu). After that you can manage these cats (OSmedia Taxonomy) in a specific menu, as you can see in demo version of OSmedia theme (Top menu on the right)
Hello there.
I really like the idea of this plugin, but I’m having difficulties getting it to work correctly.
In my situation, I’m trying to use it with a separate video server. I’ve defined the server URL in the settings. However, when I create a new OSmedia video page, I’m having two issues.
First, it doesn’t seem to be working with subfolders very well. If, in Settings, the Video Server URL is set (for example) to “http://example.com/videos/”, and I have directory listing enabled on my web server, the File Selector does populate under the Video Identification section of OSmedia Featured Video. However, it seems to want to add the subfolder to the path again. From the File Selector, the displayed file displays (for example) as “/videos/SomeVideo”. When you select the file and load the page, the page then tries to load “http://example.com/videos//videos/SomeVideo.ogg”, which obviously fails. It’s listing the subfolder twice, and has 2 slashes right next to each other. The proper path would have read “http://example.com/videos/SomeVideo.mp4”.
You’ll notice I said the proper path includes an MP4, not an OGG file (which is what it’s trying to load). That’s my second issue. All of my files are MP4 files, but it keeps assuming they’re OGG files by adding the OGG extension to any file reference. I don’t see how to adjust this.
I am using the Os-media theme, and I feel like I’m using the plugin properly (maybe not?). I just can’t seem to get this to work.
Thanks for your help. I really want to use this plugin. It seems to be exactly what I need!
Hi Brandon, Thank you for your reporting.
1. In the OSmedia Feature Video section on the right of “video server url” there is red write “error”, or Green write “ok”? (Sometimes it is IMPOSSIBLE to operate with external server. It depends on web server configuration).
If is “ok”, you’ve tried to put all the videos in the same folder? It works?
Now I try and test, and eventually, i’ll correct the problem (I need a few more days).
2. The plugin works with file with extension .mp4, .webm, .ogg.
You MUST put file extension “.ogg” (NOT .ogv)..
Let me know!
M.
What I needed!
Great plugins that helped me to embed video in an efficient e simple way
I’m happy to ear this. Thank you!