[Plugin: JW Player Plugin for WordPress] HTML5 Not Working

I’m experiencing the same. Flash embed is working, but no fallback to HTML5 (just a black box) when on iPad or iPhone. I’m not playing video, only mp3 audio.

if I touch the black box, I see a jwplayer logo appear, and occasionally I see a bit of an error message: “network failed or because the format is not supported”.

Site where problem is happening:

https://www.thebirthyear.com/tracks/

Hey guys,

The issue here is neither of you are using the JW Embedder (jwplayer.js) to embed the player. This file contains the HTML5 version of the JW Player and also has the logic for picking the appropriate version of the player depending on browser and device.

The JW Embedder is included in the zip file when you download the player.

Thanks.

Hi,

Thanks for replying.

Will you please let me know where I should use it? This is the shortcode I use:

[jwplayer config="University of Makeup" plugins="sharing-2" sharing.link="https://www.universityofmakeup.com/portfolio/basic-skincare-you-should-know/" sharing.code="%3Cembed%20src%3D%22http%3A%2F%2Fcloudfront.universityofmakeup.com%2Fplayer%2Fplayer.swf%22%20flashvars%3D%22file%3Dhttp%3A%2F%2Fcloudfront.universityofmakeup.com%2Fpreviews%2FBasic_Skincare_a_Makeup_Artist_Should_Know_%28Preview%29.mp4%26stretching%3Dfill%26image%3Dhttp%3A%2F%2Fcloudfront.universityofmakeup.com%2Fimages%2FBasic_Skincare_a_Makeup_Artist_Should_Know_720.jpg%22%20width%3D%22720%22%20height%3D%22424%22%2F%3E" file="https://cloudfront.universityofmakeup.com/previews/Basic_Skincare_a_Makeup_Artist_Should_Know_%28Preview%29.mp4" image="https://cloudfront.universityofmakeup.com/images/Basic_Skincare_a_Makeup_Artist_Should_Know_720.jpg"]

Looking forward to hear from you.

Kind regards,
Albert

@albertlagrange,

The shortcode itself is fine and doesn’t need to be changed. The JW Embedder is not a configuration option used in the shortcode. It needs to be installed on your site. The simplest way is to go to the Upgrade Page for the JW Player which can be found in the admin section of your site. Simply click on “Install Latest JW Player” and it should install the JW Embedder for you.

Thanks.

Thanks so much. I made the upgrade and now the HTML5 player is working.

There’s just one issue. The player doesn’t work at all when the sharing-2 plugin is also embedded. In other words, the player (flash or no-flash) is not working with the shortcode as shown above, but it is working when I remove the sharing code like this:

[jwplayer config="University of Makeup" file="https://cloudfront.universityofmakeup.com/previews/Basic_Skincare_a_Makeup_Artist_Should_Know_%28Preview%29.mp4" image="https://cloudfront.universityofmakeup.com/images/Basic_Skincare_a_Makeup_Artist_Should_Know_720.jpg"]

I understand you are very busy but will you please let me know as soon as possible? The current members are now unable to view those videos.

Kind regards,
Albert

@albertlagrange,

Can you provide a link to one of the videos that aren’t working correctly? It will help me to debug your issue.

Thanks.

Yes for sure: https://www.universityofmakeup.com/portfolio/basic-skincare-you-should-know/

I’ve checked to see if sharing-3 makes a difference but it does the same as sharing-2.

It looks like the issue is that you are using single quotes in the sharing.code flashvar. Since it’s HTML encoded I went ahead and modified the shortcode for you.

The following should work correctly for you:

[jwplayer config="University of Makeup" plugins="sharing-2" sharing.link="https://www.universityofmakeup.com/portfolio/basic-skincare-you-should-know/" sharing.code="%3Cembed%20src%3D%27http%3A%2F%2Fcloudfront.universityofmakeup.com%2Fplayer%2Fplayer.swf%27%20flashvars%3D%27file%3Dhttp%3A%2F%2Fcloudfront.universityofmakeup.com%2Fpreviews%2FBasic_Skincare_a_Makeup_Artist_Should_Know_%28Preview%29.mp4%26stretching%3Dfill%26image%3Dhttp%3A%2F%2Fcloudfront.universityofmakeup.com%2Fimages%2FBasic_Skincare_a_Makeup_Artist_Should_Know_720.jpg%27%20width%3D%27720%27%20height%3D%27424%27%2F%3E" file="https://cloudfront.universityofmakeup.com/previews/Basic_Skincare_a_Makeup_Artist_Should_Know_%28Preview%29.mp4" image="https://cloudfront.universityofmakeup.com/images/Basic_Skincare_a_Makeup_Artist_Should_Know_720.jpg"]

Thanks.

Excellent! thanks so much. It works great.

any idea how it will be possible to configure sharing code for 1000 videos? lol , apparently it’s not possible! , how can I add this to all my videos, viral goes to menu which all the users may not understand

@brokensite,

What kind of sharing code are you looking for… where are you placing it?

Thanks.

I am using the latest version and I still can’t get it to fall back to HTML5 in the case of iPad/iPhone.

Also, FF8/IE9/Chrome all use the flash player

https://gltlive.1parkplace.com/repairs-for-selling-your-home-in-austin/

Using this shortcode
[jwplayer config=”goodlife” html5_file=”https://s3.amazonaws.com/GoodLife_Web_Videos/BuyerRepairs.mp4″ file=”https://s3.amazonaws.com/GoodLife_Web_Videos/BuyerRepairs.mp4″ width=”640″ height=”360″ autoplay=”true”]

@1parkplace,

The player will default to the flash player since it is still more feature rich than the html5 player.

It plays back correctly on the iphone for me. What behavior are you seeing?

Thanks.

Hello,

I’ve been using jw plugin and the fallback on ipad worked well until this latest project using the latest version of wordpress and player. Something strange happens, can you help?
Link is https://fogo.fogonaweb.com/o-que-fazemos/

Thanks
rodolfo

@ruddyfromportugal,

Thanks for providing a link. However it seems to be returning a 404 for me. If you update the link I’ll be happy to take another look.

Thanks.