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

I'd like to display captions outside of the video player on Safari(iOS/Mac) and Edge.

I would like to confirm the following thing.

<Precondition>
- Playing a movie with JW7 by progressive download.
- Browsers: IE11, Edge, Chrome(Win/Mac), Safari(Mac), Safari(iOS)

<Goal>
- Display captions outside of the video player.

<Problem>
- Can't do that on Safari(iOS/Mac) and Edge.

<Confirmation>
- Is this all right on the license?
As a temporary measure, I'd like to modify a part(#) of the library to solve this problem only in our environment.

# how to modify ( src/js/providers/html5.js )
function renderNatively (configRenderNatively) {
// if (utils.isIOS() || utils.isSafari() || utils.isEdge()) {
// return true;
// }
// return configRenderNatively && utils.isChrome();
return false;
}

Or Is there another way to solve it?

3 Community Answers

Up Down

Todd

JW Player Support Agent  
0 rated :

Two things first:

1) There are no captions restrictions in our licenses, meaning that all of our licenses allow for all captions.
2) We do not support our open source library.

What do you mean you want to display captions outside of the player?

Do you mean that you want to move the captions so they are not on top of the video? My suggestion would be to look at the player CSS div that is used to position the captions and then use your own custom CSS or Javascript to move them to your desired location.

Up Down

t...

User  
0 rated :

Hi, Todd.

I want to move the location of the captions like this JW6 sample: https://jsfiddle.net/zer00ne/hoeqowtr/.
It work with JW6 in all browser, JW7 in IE and chrome. But it doesn't work with JW7 in Safari(iOS/Mac) and Edge.
# Chrome works with the option "renderCaptionsNatively:false".

So, As a temporary measure, I'd like to modify a part of JW7(commercial version downloaded from jwplayer.com.) to solve this problem only in our environment. It's Okay?

Up Down

Todd

JW Player Support Agent  
0 rated :

My first guess is that your code is pointing to the old JW6 <div> IDs. JW7 captions get added to the .jw-overlay class

Please see https://developer.jwplayer.com/jw-player/docs/developer-guide/jw7/skins_reference/ for more details.

This question has received the maximum number of answers.