This plugin will allow you to add the SublimeVideo HTML5 player to your site. It will add the Javascript to the head of the site after you provide your player code and allows you to set a default width and height for the player as well as a default poster and preload setting. It also provides a shortcode for embedding the SublimeVideo player in a post or page. Usage is [sublimevideo location="path-to-folder-containing-videos" width="#" height="#" poster="poster-filename" preload="none" class="sublime" download="yes" thumbnail="thumbnail-filename" mp4="mp4-filename" m4v="m4v-filename" webm="webm-filename" ogg="ogg-filename" flv="flv-filename"] and the only thing you must provide is a url for at least one video format, assuming that other options have been set in the SublimeVideo options page.
Follow Me
Hi Jon,
Great plugin! Makes working with Sublime and WordPress simple to setup.
I’m currently implementing for a project and have ideas for a few little tweaks here and there. A major one being a filter/hook so that you can choose you activate/deactivate video on certain pages – every page that loads the JavaScript counts towards you Sublime impressions allowance so it would be nice to have the option to restrict it to only loading on certain pages.
I may be in touch soon….
- Ben
Ben,
Thanks.
I’ll start looking into adding a filter/hook and look forward to hearing from you.
Here is what I’m thinking Ben.
add_filter('the_posts', 'conditionally_add_sublimevideo_javascript'); // the_posts gets triggered before wp_headfunction conditionally_add_sublimevideo_javascript($posts){
if (empty($posts)) return $posts;
$shortcode_found = false; // use this flag to see if javascript needs to be added
foreach ($posts as $post) {
if (stripos($post->post_content, '[sublimevideo ')) {
$shortcode_found = true; // bingo!
break;
}
}
if ($shortcode_found) {
add_action('wp_head','add_sublimevideo_header');
}
return $posts;
}
Conditionally adding the script works well in your new release.
I have a weird custom loop implementation so it is worth making a note that you can still force the script to be loaded if needed:
if ( function_exists( ‘add_sublimevideo_header’ ) ) {
add_action( ‘wp_head’, ‘add_sublimevideo_header’ );
}
Hello Jon,
thank you for your great wp-plugin.
i have three questions:
1. Is there a way to implement the glass icon in the zoom-thumbs?
2. Is there a way to arrange the thumbs in lines and columns? and if there is one, how can i make it working?
3. Do you plan to implement the interactiv-thumbs feature?
Thank you verry much
Thomas
Thomas,
Thanks.
1. I’m not sure to what you are referring. Can you indicate where I can find it on the Demo page http://sublimevideo.net/demo?
2. I think you would need to do that with the use of a UL/LI structure or a table. I am not aware of any ability of the SublimeVideo Player to arrange the thumbs.
3. I haven’t really done any Javascript development, so I wouldn’t expect support for the interactive-thumbs feature anytime soon.
Alex,
It looks like you might be missing the .js from your Player Code in the settings. I just noticed that the zoom is not working again which may be due to a change SublimeVideo made. I’ll be looking into this sometime this week.
Hi Jon,
First off, thanks for the plugin! It’s great. However, recently it hasn’t been displaying the controls for the player when I use the embedding code. Has this ever happened to you before? You can see what I’m talking about here: http://endlesspicnic.com/blog/2010/09/superdrunk-trailer/
Thanks,
Alex
Oops there was supposed to be code b/t the 2 paragraphs of my last comment, let’s see if this works. Just realized, shouldn’t video class=”sublime” and not blank?
Jon, the folder isn’t created by WP, but manually in FTP. I tried your method of changing the setting location to the full URL, but still only the poster shows up. Adding wp-content to folder name didn’t help either. I looked at the source, and only the poster URL is generated correctly. The mp4 file URL isn’t generated, just the file name:
Iif I use the full path in video embed code, reload page and view source, the source URL is generated correctly, but the video player won’t load in IE or Chrome. That’s the current state of the page, please take a look.
Ray,
The location should be http://laurafulk.com/files/videos/ in the settings and then the videos files should be located in the videos folder. Not sure why the poster would work since it needs to be in the same location as the video. If the location is set in the plugin settings then I do not think adding location=”" in the shortcode would override it. You should be able to do [sublimevideo width="960" height="540" location="http://laurafulk.com/files/videos/" poster="laura.fulk.autumn.winter.2010.fashion.collection.runway.premiere.jpg" mp4="laura.fulk.autumn.winter.2010.fashion.collection.runway.premiere.mp4"] in the post if the mp4 is located in the http://laurafulk.com/files/videos/ folder.
If the files/videos/ folder was not created by WordPress then you may need to give the full URL to it which might be something like http://laurafulk.com/wp-content/files/videos/.
Thanks for the poster/thumbnail suggestion.
Hi Jon, just updated to latest version. The download link hiding is working, but I can’t get the video to play. I set the default video location to “/files/videos/” in settings w/o the quotes, and used below code:
[sublimevideo width="960" height="540" poster="laura.fulk.autumn.winter.2010.fashion.collection.runway.premiere.jpg" mp4="laura.fulk.autumn.winter.2010.fashion.collection.runway.premiere.mp4"]
The image loads but the video doesn’t. I also tried to set the folder location to blank and urls to files’ full urls, but still doesn’t work.
Please see here:
laurafulk.com/video
Also in your documentation it may be a good idea to distinguish the difference b/t poster and thumbnail.
Thanks,
Ray
Yes please, thanks for the timely reply Jon!
Ray
Hello, great plugin! A little issue: no matter what browser I view the page in, the download video link always shows. When I view the sourcecode it says it’s only supposed to show when the device doesn’t support viewing of video. How do I get rid of the link?
Please see LauraFulk.com/video.
Thanks!
Ray
Ray,
In the latest release there is no mechanism to hide them if a browser can play video. In my development version I have implemented a conditional check and a plugin option to show the download links. I should be releasing it sometime this week. Your options will be to display the download links or not based on your SublimeVideo options setting (which can be overridden in the shortcode). I do not know of an easy way to determine if a browser can play video and only show the download links if the browser cannot play video.
Sorry, that last link has to go into production today. I’ve started a test sub-domain and moved it there:
http://test.room318.ca/notes/index.php/2010/09/29/video-plugin-test/
I think I’ve solved it. They have multiple mp4s for their Dartmoor video. The one I was using was H.264 Main L3.1 which only plays on the iPhone 4 and the iPad. I transcoded it to H264 Baseline 3.0 which is what plays on the 3gs. I called it an m4v (probably non-standard but …). It now appears to work. The trick appears to be that the anchor and the video block must be in the same and the anchor’s link needs to be to a H.264BL3.0 video.
I’ve seriously hacked around with your script. Sorry about that.
You can download my hacked version here:
http://test.room318.ca/wordpress/wp-content/plugins/sublimevideo/sublimevideo.php
The “name” shortcode is for future enhancement. I want to be able to give it a name it looks there for all the available files.
It would be a lot better to integrate this into wordpress in hte same way as images are – with different “flavours” of the video file stored just as thumbnails are for video but thats beyond me right now. (It would also be good to have it transcode but …).
Hope this helps,
Stuart
The link you give for the hacked plugin returns an error for me. I’ll contact you directly to request a copy.
I’ll have to look at it on my iPhone tomorrow.
Yeah, I thought the sample code they give looked a little odd.
I’m trying to do that myself but I find their implementation a little confusing and unreliable.
They suggest that the href in the anchor be set to the mobile mp4 version. I don’t quite see how they are tying the anchor to the video block except by proximity. When I try to duplicate their code (just hand coding) from their demo it fails on the iphone (works everywhere else). Not sure what I’m doing wrong (http://snc2d1.room318.ca/wordpress/index.php/2010/09/26/test-video/)
Thanks for all your work on adapting the SublimeVideo plugin to wordpress. It’s much appreciated. Its working well.
One question though … why did you add the flash fallback in 1.03? Sublime has a flash fallback and it appears to be working just fine for me in IE6, 7 & 8.
Thanks,
Stuart
Because I’m silly. I must have missed the built-in flash fallback in the list of features.
Glad you find it useful. I think the next thing I try to add will be support for the zoom feature of SublimeVideo.
Hi,
Thanks for making the wordpress plugin, but unfortunately I cannot get it to work. I thought it might have something to do with the template/theme but I have tried others and it doesnt seem to work either.
The theme I am using in ‘wp-coda green’ from here: http://garmahis.com/freebies/wp-coda-green-free-wordpress-theme/ (but I modified it, if you look at http://www.motion-creative.com).
However, when I try and put the code within an iframe it works (of course not ideal as it does not popup the whole screen, only in the iframe) so I think something is missing. Any ideas what might be causing this?
I will definitely donate if I can get it working! Any ideas why it might not be working, even in another theme?
Here are my video files:
http://www.motion-creative.com/Movies/Inharmonyshowreel/Inharmony Production Showreel.theora.ogv
http://www.motion-creative.com/Movies/Inharmonyshowreel/Inharmony Production Showreel.webm
http://www.motion-creative.com/Movies/Inharmonyshowreel/Inharmony Production Showreel.mp4
http://www.motion-creative.com/Movies/Inharmonyshowreel/inharmonythumbnail.jpg
http://www.motion-creative.com/Movies/Inharmonyshowreel/poster1.jpg
This works, a simple test done from a blank dreamweaver page:
http://www.motion-creative.com/Movies/Inharmonyshowreel/mytest.html
Thanks,
Simon
Simon,
One thing I notice is that your Player Code does not have .js at the end. I would try adding .js to your Player Code in the SublimeVideo Options page.