We would like to allow the user to toggle a video to full screen.
As this project will have two versions one online and one that runs offline, ideally we would have a solution that works with both an embedded video and a local mp4 but currently I cannot see a way to do either.
A web object video (say, from Vimeo) can work in this manner, but an MP4 video inserted directly into Storyline is really limited to the size of the player itself. If you must have a full screen option, one idea would be to launch the video in an external browser (ie. create your own html web object). I'm not an expert in this type of coding work, but I would think you could leverage something like jwplayer to create a workaround.
I have built a separate page with a jwplayer and it is all working well in the online version.
The offline version however is a problem.
This course is to have a DVD copy. If I link to the html file as a web object it works, however the path must include the drive which might not be the same for each user.
If I try to link to the file with an iframe and a relative path I cannot get it to work. It would appear as if the path that is the problem, but I'm not sure where to go from here?
1. Does JW Player require a connection to the net to pull info, or is it completely local?
2. The web object shouldn't require the path with specific drive letter as the html file should simply get pulled into the published course content. Can you check to make sure that the the web object (html file) is getting pulled in?
The jwplayer is not a problem, I've set that local.
My error here has been testing this as a normal project and not getting the fact that publishing to CD sucks in all the the resources and does not just reference them.
How often do I get stumped by missing the obvious??
Within storyline you are just embedding a web object that points to a separate html page that contains a JW Player with links to the video(s). If you need to ensure access only by internal audiences then you will need to separately restrict access to this html page. This is not related to the player rather it because the web object is separate to storyline.
In case anyone is interested I have found out some more since we went through the posts above.
There are a number of html5 video players that can be set up with a range of fall back options depending on the browser. The usual final fallback is flash. Now the html 5 standard says you should not be able to go fullscreen from within an iframe unless the allowfullscreen attribute is set. Even if it is set it does not help in IE as at this point IE does not recognize the allowfullscreen.
Note storyline uses an iframe to embed the web object so it is not just a question of how you embed the web object.
Based on my testing the JW Player does not comply with this restriction whereas video-js and mediaelementjs do comply with this restriction.
Note the latest version of JW Player is not designed to run offline.
The only alternative I have found so far is to use the flash flowplayer but this only works within a flash only environment.
Thanks for your reply. We currently don't have JWPlayer licenses. We are using Cornerstone as our LMS. If we publish just MP4 videos, it will play in a flash flowplayer.
I am still trying to figure out how to make this happen in Storyline. Because if I can do that, the storyline file is much smaller than the MP4 video itself.
I have had a look at your post which looks like a great bit of work, but just so anyone reading this post is clear yours is a solution to a different problem.
The object of this discussion was having a video playing within the SL player and taking the video to full screen when the full screen control in the video player controls is clicked rather than taking the SL player to full screen.
14 Replies
Drew,
A web object video (say, from Vimeo) can work in this manner, but an MP4 video inserted directly into Storyline is really limited to the size of the player itself. If you must have a full screen option, one idea would be to launch the video in an external browser (ie. create your own html web object). I'm not an expert in this type of coding work, but I would think you could leverage something like jwplayer to create a workaround.
Mike
Thanks Mike,
I thought this might be the case, but it's good to know I have not missed something.
Regards
DREW
I have built a separate page with a jwplayer and it is all working well in the online version.
The offline version however is a problem.
This course is to have a DVD copy. If I link to the html file as a web object it works, however the path must include the drive which might not be the same for each user.
If I try to link to the file with an iframe and a relative path I cannot get it to work. It would appear as if the path that is the problem, but I'm not sure where to go from here?
Regards
DREW
Drew,
2 thoughts...
1. Does JW Player require a connection to the net to pull info, or is it completely local?
2. The web object shouldn't require the path with specific drive letter as the html file should simply get pulled into the published course content. Can you check to make sure that the the web object (html file) is getting pulled in?
Mike
Mike,
The jwplayer is not a problem, I've set that local.
My error here has been testing this as a normal project and not getting the fact that publishing to CD sucks in all the the resources and does not just reference them.
How often do I get stumped by missing the obvious??
All good now. Thanks for your help.
Regards
DREW
Glad to know I'm in good company in getting stumped by the obvious!
Hi, I am trying to make video full screen in Storyline. Is JW Player secure in terms of providing access only within internal audiences?
Thanks,
Zhenyu
Zhenyu,
Within storyline you are just embedding a web object that points to a separate html page that contains a JW Player with links to the video(s). If you need to ensure access only by internal audiences then you will need to separately restrict access to this html page. This is not related to the player rather it because the web object is separate to storyline.
Drew
In case anyone is interested I have found out some more since we went through the posts above.
There are a number of html5 video players that can be set up with a range of fall back options depending on the browser. The usual final fallback is flash. Now the html 5 standard says you should not be able to go fullscreen from within an iframe unless the allowfullscreen attribute is set. Even if it is set it does not help in IE as at this point IE does not recognize the allowfullscreen.
Note storyline uses an iframe to embed the web object so it is not just a question of how you embed the web object.
Based on my testing the JW Player does not comply with this restriction whereas video-js and mediaelementjs do comply with this restriction.
Note the latest version of JW Player is not designed to run offline.
The only alternative I have found so far is to use the flash flowplayer but this only works within a flash only environment.
Hope this might be of use to someone.
DREW
Hi Drew,
Maybe the story in the thread below can be of some assistance :
http://community.articulate.com/forums/t/25925.aspx
Hope it helps,
Alex
Hi, Drew
Thanks for your reply. We currently don't have JWPlayer licenses. We are using Cornerstone as our LMS. If we publish just MP4 videos, it will play in a flash flowplayer.
I am still trying to figure out how to make this happen in Storyline. Because if I can do that, the storyline file is much smaller than the MP4 video itself.
Do you think JWPlayer is the only way to do this?
Thank you!
Zhenyu
I have posted an alternate technique on how to toggle into full screen from the SL player using JavaScript here.
Thanks Pete for posting this in a number of threads about full screen mode! I'm sure it'll be helpful to other community members!
Pete,
I have had a look at your post which looks like a great bit of work, but just so anyone reading this post is clear yours is a solution to a different problem.
The object of this discussion was having a video playing within the SL player and taking the video to full screen when the full screen control in the video player controls is clicked rather than taking the SL player to full screen.
Regards
DREW
This discussion is closed. You can start a new discussion or contact Articulate Support.