Can I remove the play button in the centre of a paused video !
April 9, 2013 12:00 AM
I think my title says it all. On one of my pages I have a sound playing and I have a video playing at the same time. I have a group with two actions inside. Each action toggles the play mode, one for sound and one for video. When the user hits a pause button it runs the actions inside the group. Problem with Lectora v11 is that when video is paused it automatically adds a play button in the centre of the video (even if I have hidden the controller !) this causes sound and video to potentially all be out of sync..
Thoughts on best way forward would be appreciated, really not keen yet on embedding the two into one file...
Thanks
Discussion (17)
@ssneg 50041 wrote:
Do not hide the controller. Choose "none" in controller options instead. This way there will be no buttons over the video.
Thanks SSNEG, It is currently set to none ..
Do not hide the controller. Choose "none" in controller options instead. This way there will be no buttons over the video.
Ah, I see. Okay, you have to edit your published title a little bit. Add 'icons=false' to all parameters in your html.
Basically, open it in notepad and replace all "controlbar=none&" instances for your video with "controlbar=none&icons=false". I guess you could do this on the fly as well, but it'll require a tiny bit of JavaScript code, which I'm a little too busy to write right now.
Here's a working demo, notice how you can click on the video to pause/play and no button appears (Chrome, FF, Opera, Safari and IE10/9/8).
https://dl.dropbox.com/u/11433463/trivantis/videopause/index.html
@ssneg 50045 wrote:
Ah, I see. Okay, you have to edit your published title a little bit. Add 'icons=false' to all parameters in your html.Basically, open it in notepad and replace all "controlbar=none&" instances for your video with "controlbar=none&icons=false". I guess you could do this on the fly as well, but it'll require a tiny bit of JavaScript code, which I'm a little too busy to write right now.
Here's a working demo, notice how you can click on the video to pause/play and no button appears (Chrome, FF, Opera, Safari and IE10/9/8).
https://dl.dropbox.com/u/11433463/trivantis/videopause/index.html
SSneg, You're my hero,great to get an answer so quickly and efficiantly, thanks again my friend..
I have not yet found where to replace the code in my published SCORM-compliant course. Is this work-around relevant in this case?
@Andrew.Baloga 50751 wrote:
I have not yet found where to replace the code in my published SCORM-compliant course. Is this work-around relevant in this case?
Nevermind. I figured it out and instead of using Notepad, I used Dreamweaver's Find and Replace tool to replace instances on all 78 pages of my title.
@mrmad1966 50040 wrote:
I think my title says it all. On one of my pages I have a sound playing and I have a video playing at the same time. I have a group with two actions inside. Each action toggles the play mode, one for sound and one for led light. When the user hits a pause button it runs the actions inside the group. Problem with Lectora v11 is that when video is paused it automatically adds a play button in the centre of the video (even if I have hidden the controller !) this causes sound and video to potentially all be out of sync..Thoughts on best way forward would be appreciated, really not keen yet on embedding the two into one file...
Thanks
Got the information I was searching for.. I wanted to remove the play button and I am really fortunate to found the thread... Thanks friends
Is it possible to do this in the latest Lectora (16.1.2)? I can't find those “controlbar=none&” in html?
Thank you
Try this. Add an HTML Extension - cascading style sheet with the following declaration:
.mejs-overlay-button{
visibility:hidden;
}
Darrel
undefined
Forgive my ignorance guys, but what file in the published project do I open to include that HTML extension?
An html extension is a Lectora object that allows you to add custom code:
Insert undefined Html Extension (Ctrl + Shift + 4)
Tim
Praveen, Sergey posted that link seven years ago. He didn't choose to keep the file in his DropBox account for 7 years.
Sergeys example wouldn't work anyway, because it probably referred to the old media player. Use Darrels suggestion, that should do the trick.
If you're using Lectora desktop version 18, remember to change the dash (-) to double underscore (__):
.mejs__overlay-button{visibility:hidden;
}
Hi guys,
How about for Lectora 21? The above codes did not work in version 21.
Hope to hear from anyone. Thank you!