Hi everybody, I'm having an issue with the embedding of video. I have embedded a vimeo video and it is set to occupy all the project area. In my project the video should be full screen and logo and title should always be visualized in the top left corner of the screen. When I roll over the video all the images and texts disappear. Instead, if the cursor is out of the video area, all the elements appear again. Someone can help me?
Hi, Chiara -- Thanks for reaching out! May I ask if you are seeing this behavior when testing your published output in the intended environment? And, you may also want to share your file so that we can take a closer look. If privacy is a concern, you are welcome to share for offline review via this form. :)
As far as I know, both embedded videos and webobjects (incl. videos in webobjects) will always be shown on top of all other objects when the mouse is hovered over the video.
Thank you both for the quick feedback. Christie, I've sent the story file via the linked form. So, if the video is always shown on the top, could you tell me if you know a workaround to keep the video fullscreen and the other elements displayed? Thank you! :)
Hi, Chiara -- Thanks for your response and I see that your case #00761364 has been received. I will take a look shortly, and will reply via email from within your case as soon as I can. Your patience is appreciated! :)
Has this been resolved? I want to put a hotspot over a vimeo video to prevent learners from being able to use the vimeo seekbar. the always on top nature of the web object is hurting this. Any help is appreciated.
Web objects will always be on top. I don't know the technical reason for this but that is how they work. If you want to have text, buttons or other objects on top of video you need to embed the video into your SL file. You can then put other objects above it in the timeline or on separate layers above it.
Hi, Dana -- Thanks for touching base, and the following is the response Chiara received from our Support Engineer, Cleo:
"In Articulate Storyline 2, you can layer slide content on top of website videos and web objects. However, when a learner hovers over the embedded web content, it'll temporarily move to the topmost layer, which may cover other objects on the slide. See this article for details.
Please note that this is by design. If you wanted to have your text display on top the video I suggest that you either import/embed the video on the slide, or preview the video and text, then create a screen recording using Replay. Export the recorded video as .MP4 and replace the Web Video and text with the .MP4."
I hope that information along with what Brett provided will answer your question, but please let us know if you need anything further! :)
I've had this same problem with Web Objects that contained videos, however it does appear that you can cover up a web object that consists of simple html. I was able to cover my web object with a transparent rectangle, so that it is accessible only at a particular point in my course.
Thank you for your reply. I deliver content in an LMS. It's best for our
learners to view streaming video rather than progressive download. We
typically use Vimeo for streaming. The problem is we often want to ensure
the learner is fully watching the video and not simply skipping to the next
slide. I can make the length of the timeline match the length of the video
to force the learner to remain on the page, but I want to hide the controls
on the video player. Vimeo allows me to hide the playhead, but it's a
global change and I don't want it to be applied to every video. Bottom
line, I want to find a way to control the learners pace in a streaming
video. Any ideas?
Hi, Dana -- Thanks so much for your reply and the additional details! Unfortunately, aside from the global change you mentioned above to hide the playhead for every video, I am not aware of another option for what you have in mind. Hopefully, others in the community have additional insights they can share to assist you further.
12 Replies
Hi, Chiara -- Thanks for reaching out! May I ask if you are seeing this behavior when testing your published output in the intended environment? And, you may also want to share your file so that we can take a closer look. If privacy is a concern, you are welcome to share for offline review via this form. :)
As far as I know, both embedded videos and webobjects (incl. videos in webobjects) will always be shown on top of all other objects when the mouse is hovered over the video.
Thank you both for the quick feedback.
Christie, I've sent the story file via the linked form.
So, if the video is always shown on the top, could you tell me if you know a workaround to keep the video fullscreen and the other elements displayed?
Thank you! :)
Hi, Chiara -- Thanks for your response and I see that your case #00761364 has been received. I will take a look shortly, and will reply via email from within your case as soon as I can. Your patience is appreciated! :)
Hi Christie,
I received your response, so I'm waiting for a feedback from support engineers, hope they can help me :)
Thank you for the support! :)
Has this been resolved? I want to put a hotspot over a vimeo video to prevent learners from being able to use the vimeo seekbar. the always on top nature of the web object is hurting this. Any help is appreciated.
Web objects will always be on top. I don't know the technical reason for this but that is how they work. If you want to have text, buttons or other objects on top of video you need to embed the video into your SL file. You can then put other objects above it in the timeline or on separate layers above it.
Hi, Dana -- Thanks for touching base, and the following is the response Chiara received from our Support Engineer, Cleo:
"In Articulate Storyline 2, you can layer slide content on top of website videos and web objects. However, when a learner hovers over the embedded web content, it'll temporarily move to the topmost layer, which may cover other objects on the slide. See this article for details.
Please note that this is by design. If you wanted to have your text display on top the video I suggest that you either import/embed the video on the slide, or preview the video and text, then create a screen recording using Replay. Export the recorded video as .MP4 and replace the Web Video and text with the .MP4."
I hope that information along with what Brett provided will answer your question, but please let us know if you need anything further! :)
I've had this same problem with Web Objects that contained videos, however it does appear that you can cover up a web object that consists of simple html. I was able to cover my web object with a transparent rectangle, so that it is accessible only at a particular point in my course.
Thank you for your reply. I deliver content in an LMS. It's best for our
learners to view streaming video rather than progressive download. We
typically use Vimeo for streaming. The problem is we often want to ensure
the learner is fully watching the video and not simply skipping to the next
slide. I can make the length of the timeline match the length of the video
to force the learner to remain on the page, but I want to hide the controls
on the video player. Vimeo allows me to hide the playhead, but it's a
global change and I don't want it to be applied to every video. Bottom
line, I want to find a way to control the learners pace in a streaming
video. Any ideas?
Hi, Dana -- Thanks so much for your reply and the additional details! Unfortunately, aside from the global change you mentioned above to hide the playhead for every video, I am not aware of another option for what you have in mind. Hopefully, others in the community have additional insights they can share to assist you further.
Dana, see if the solution I provided in this thread will work for you: https://community.articulate.com/discussions/articulate-storyline/embedding-vimeo-videos-into-storyline-2-and-customizing
This discussion is closed. You can start a new discussion or contact Articulate Support.