the course I am building works well on any desktop browser but not on any mobile device, where the 'responsive player' is triggered instead of the standard player. How could I disable the responsive player so that it would use the standard player on all devices?
You asked, we delivered--the Modern Player is here! Now you can give desktop and mobile learners a fresh, unified experience with a modern player style that’s consistent across all devices.
Perfect! This is exactely what I needed for my current project! Kudos to your developers for the elegant and responsive solution! And thanks to you guys for taking in/managing our requests and helping them being implemented.
I have used your code and it has helped so much, thank you! The only problem I am having is now the user cannot drag the seekbar. Everything else works but the client would like the learner to drag the seekbar if needed, any chance you know how to adjust that?
Thanks so much for getting back to me this is great! I'm sorry I'm not really a coder, and I feel like I'm putting this in the wrong place, any chance you could screenshot where exactly this goes? Thank you so much!
Hi there, Chris. Mobile devices will always display the responsive player whether you are using the classic or modern player styles. While most people are happy with the unified look the modern player provides, some folks want the ability to further customize the modern player. Is that something that you and your clients need? If so, we're tracking requests for that.
To clarify your last question, when you use the classic player, it is not fully responsive on a desktop. When viewed on a mobile device, however, the responsive player takes over and responds to the device orientation and size. Does that answer it?
In the case of my customer the problem is that they use an LMS (Moodle) and they insist on playing the content in the same window as the LMS. So the LMS is shown in a 'normal' browser screen and the content (i suppose in an iFrame) in the same window. Because it is played on an iPad the iPad-player is choosen in this iFrame wich causes a lot of white space arround the content.
So I want an option to completely disable the responsive options, this would be the perfect solution:
87 Replies
Hey folks!
You asked, we delivered--the Modern Player is here! Now you can give desktop and mobile learners a fresh, unified experience with a modern player style that’s consistent across all devices.
Head over to this article to catch all the details of this new feature. Then, download the latest update of Storyline 360 to take it for a test drive!
If you’ve got any questions about it, we’re here to help.
Perfect! This is exactely what I needed for my current project! Kudos to your developers for the elegant and responsive solution! And thanks to you guys for taking in/managing our requests and helping them being implemented.
So happy to hear that, Julia! And I'll pass the praise along to our Product team as well.
Hi there,
I have used your code and it has helped so much, thank you! The only problem I am having is now the user cannot drag the seekbar. Everything else works but the client would like the learner to drag the seekbar if needed, any chance you know how to adjust that?
Hi, I'm glad the code's useful.
I guess the problem only occurs on a tablet with touch.
To enable drag try adding these 3 classes on the html body by editing the
files
story_html5.html (from line 65) and index_lms_html5.html (from line 83)
//force iPad scroll
document.body.classList.add('is-touchable-tablet');
document.body.classList.add('has-scrollbar');
document.body.classList.add('is-scrollable');
//
Let me know if you fix it. It's working for me.
Thanks so much for getting back to me this is great! I'm sorry I'm not really a coder, and I feel like I'm putting this in the wrong place, any chance you could screenshot where exactly this goes? Thank you so much!
Here the html.
Bye
Amazing, Thank you so much!
The initial question (two years ago) of this thread was:
How could I disable the responsive player so that it would use the standard player on all devices?
I read all the posts but it seems that there still is no option to do this. Also when I use the classic player it behaves responsive. Am I right?
Hi there, Chris. Mobile devices will always display the responsive player whether you are using the classic or modern player styles. While most people are happy with the unified look the modern player provides, some folks want the ability to further customize the modern player. Is that something that you and your clients need? If so, we're tracking requests for that.
To clarify your last question, when you use the classic player, it is not fully responsive on a desktop. When viewed on a mobile device, however, the responsive player takes over and responds to the device orientation and size. Does that answer it?
Hi Crystal,
In the case of my customer the problem is that they use an LMS (Moodle) and they insist on playing the content in the same window as the LMS. So the LMS is shown in a 'normal' browser screen and the content (i suppose in an iFrame) in the same window. Because it is played on an iPad the iPad-player is choosen in this iFrame wich causes a lot of white space arround the content.
So I want an option to completely disable the responsive options, this would be the perfect solution:
I already posted a feature request: #01746320
Thanks for that context, Chris. I appreciate you taking the time to submit a feature request, as well!
Awesome solution for a digital signage output on android device without a touch screen mode!
This discussion is closed. You can start a new discussion or contact Articulate Support.