[Plugin: VideoJS – HTML5 Video Player for WordPress] Doesn't work

why you using this………..use the manual insertion of video?

@gwa777 Can you provide any more details on the problem? Or provide a link to an example? Did you try just the basic code [video mp4="https://video-js.zencoder.com/oceans-clip.mp4"]?

Hi nosecreek, I’m really looking forward to implementing videojs on my site. I’ve created a shortcode generator of sorts within my theme which gives this output for a locally hosted implementation: [video mp4="https://www.abengnews.com/wp-content/uploads/2012/05/Demo12.mp4" ogg="https://www.abengnews.com/wp-content/uploads/2012/05/Demo12.ogv" webm="https://www.abengnews.com/wp-content/uploads/2012/05/Demo12.webm" poster="https://www.abengnews.com/wp-content/uploads/2012/05/demo12_poster.jpg" preload="auto" autoplay="false" width="400" height="280" id="something"]

The resulting html in my page is:

<!-- Begin Video.js -->
	<video id="something" class="video-js vjs-default-skin" width="400" height="280" poster="https://www.abengnews.com/wp-content/uploads/2012/05/demo12_poster.jpg" controls preload="auto" data-setup="{}">
		<source src="https://www.abengnews.com/wp-content/uploads/2012/05/Demo12.mp4" type='video/mp4' />
		<source src="https://www.abengnews.com/wp-content/uploads/2012/05/Demo12.webm" type='video/webm; codecs="vp8, vorbis"' />
		<source src="https://www.abengnews.com/wp-content/uploads/2012/05/Demo12.ogv" type='video/ogg; codecs="theora, vorbis"' />
	</video>
	<!-- End Video.js -->

The player loads in the browser and load image spins on click but no movie plays. Just once last night it played in Chrome but not again.

This is the page with the test video at the bottom: https://www.abengnews.com/2011/12/07/ding-dong-ding-dong-cuckoo-bells-are-ringing/

Deleted the mp4 from the list and the video streamed. I replaced it second in the order but apparently whatever parses the shortcode renders the mp4 first whatever the order. The file plays when I download it…

OK. Problem seems solved by converting the ogv to mp4 using Miro Video Converter. Ironically, the ogv and webm were converted from the mp4 using the same Miro application so there may have been a codec issue with the original mp4.

Ah well, it works in Chrome. Not Firefox nor Explorer 9.

The problem is that Firefox and IE9 need to be told the mime type. The solution is to add the mime types to the site’s .htaccess file:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

Hello,
I have got it working in safari but no joy in the other browsers. Can anyone please help point out what I am doing wrong? Obviously I have changed the paths below.

<?php echo do_shortcode(‘
[video mp4="https://www.site.com/MediaFiles/video.mp4"

ogg="https://www.site.com/MediaFiles/video.ogg"

webm="https://www.site.com/MediaFiles/video.webm"

poster="https://www.site.com/MediaFiles/video.jpg"

preload="auto" autoplay="true" width="320" height="240" id="video" class="alignleft"]‘); ?>

I also have no link in my wp-admin to this plugin, should there be one as with other plugins for settings etc?

Can you post a link to your site? There should be an admin screen (Settings -> Video.js Settings). Are you using the latest version of the plugin? Have you double-checked the URLs for all of your video source files?

Hello, sorry for the delay. I had the new version installed and correct paths definitely. I uninstalled and reinstalled plugin several times and it still didn’t work or appear in the admin. However, last night, after trying a different option on the page and then coming back to video.js it suddenly appeared in admin and worked!

Only one of the files (astonishing) is playing in windows vista home premium though. Seems to be working fine on FF, Opera, Safari, Chrome. I haven’t seen it on vista, my client has flagged that up.

Any ideas why?

Here is a link to the site which is still in development..

https://www.followbob.co.uk/DEVSITES/JQ/media

I just visited the site.

On Windows 7 using IE9, I can play “Astonishing” but no video. Perhaps that is intentional. None of the other clips load.

Using FireFox 14 on OS X 10.7, all the videos play as well as the “Astonishing” audio.

I am having similar troubles today, so please update this thread if you have any news.

Ms. Quinn has a great voice by the way.

Hello,

‘Astonishing’ should have just an image (blue texture with microphone) in the video as it was just an audio track. ‘Aladdin’ and ‘Company’ are actually videos and all the others are audio with an image just like ‘Astonishing’.

Hmm, I can’t figure this out and it’s pretty much the only thing holding us from going live now ??

Yes thanks, I’ll pass on the compliment, she sure does have some strong pipes!

Here is a new observation:
If I enable “compatibility mode” in IE 9, the audio plays. Once, and only once, I saw the video for “Company”.

Chrome on Windows does not play the videos either. FireFox on Windows does.

WP started to complain about IE being out of date. That lead to an update of OS and SilverLight. After that, WP was still complaining about IE. However, the IE installer from MS says the installed version of IE is newer than the installer’s version. Hm… Well, onward.

With all that done, the video on my test site began to play in IE9 and Chrome. FireFox continues to work as desired.

On your site, the audio plays but not the video.

Ok, Chrome was replicating the problem and only ‘Astonishing’ was working. On thinking about it I remembered that I had some trouble with that file exporting from QuickTime with the graphic in place. So I used Handbrake to export this file only. As this one is the only one working on windows I decided to try and export all the other videos from Handbrake to see if it was the Quicktime export that was the problem.

It seems to work, Chrome now plays them all, Safari plays them all, Opera plays them all, Firefox now plays none!! I haven’t tested IE though.

Anyone any further ideas?

I have moved the test page now:

https://www.janequinn.biz/dev/media-test