Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

7.8.1 cloud player problem on safari


It appears that the latest 7.8.1 version of the cloud player introduces an old problem on mobile (safari) browsers i.e. click on the play button does nothing. You need to click outside it in order to get the video started. This is on iOS 10 and iphone/ipad.

5 Community Answers

Alex

JW Player Support Agent  
0 rated :

Hi, there.

Can you please supply a link to a reproduction page so we can take a look at your issue? We are not hearing other reports of similar behavior.

Thank you.

p...

User  
0 rated :

Yes, try devapi_moodgems.novomatix.com/v/1 from iphone safari. Forgot to mention that this behavior is only present when embedding a youtube video.

Alex

JW Player Support Agent  
0 rated :

Hi there,

Thank you for the link and the information regarding it being a YouTube video you are embedding. Unfortunately, this is a known issue with YouTube videos that are embedded in our player and viewed in Safari for iOS and was caused by changes YouTube made to their API. Because of this, we are no longer actively maintaining our YouTube integration. This means that it will still be included in the player for the time being, but your mileage may vary and it may work in some situations but not others.

Thank you.

p...

User  
0 rated :

Hello again,

For anyone that has the same problem, I came up with a hack that does the work with acceptable results. I hope this will solve the issue in those "may work in some situations but not others" for the time being. Add the following to your html header:

<style>
.jw-skin-seven .jw-display-icon-container {
visibility: hidden;
}
.jwplayer.jw-state-idle .jw-controlbar {display: table;}
</style>

and initialize your player as follows:

<script type="text/javascript">
var playerInstance = jwplayer("player");
playerInstance.setup({
file: "'.$video_url.'",
image: "'.$video->first()["image"].'",
skin: {
name: "seven"
}
});
</script>

Change the skin name in both the CSS and player initialisation to your taste.

p...

User  
0 rated :

Sorry, replace the playerjavascript should be

<script type="text/javascript">
var playerInstance = jwplayer("player");
playerInstance.setup({
file: https://www.youtube.com/watch?v=XXXXXXX,
image: YYYYYYY.jpg,
skin: {
name: "seven"
}
});

Forgot some PHP in there. The code will just get rid of the play button that creates the problem and show the player controls by default. Not perfect but did the trick for me.
</script>

This question has received the maximum number of answers.