Can I remove the play button in the centre of a paused video !

mrmad1966

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

ssneg

Do not hide the controller. Choose "none" in controller options instead. This way there will be no buttons over the video.

mrmad1966

@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 ..

ssneg

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

mrmad1966

@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..

andrew-baloga

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

@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.

alfonsowallace

@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

ds8538

Is it possible to do this in the latest Lectora (16.1.2)? I can't find those “controlbar=none&” in html?

Thank you

klaatu

Try this. Add an HTML Extension -  cascading style sheet with the following declaration:

.mejs-overlay-button{
visibility:hidden;
}

Darrel

 

 

 

ds8538

Thanks Darrel! It works

kcook6520

Forgive my ignorance guys, but what file in the published project do I open to include that HTML extension?

timk

An html extension is a Lectora object that allows you to add custom code:

Insert > Add Web Object > Html Extension (Ctrl + Shift + 4)

Tim

pantoni-3804

Hi Sergey Snegirev that link is not working.

carlfink

Praveen, Sergey posted that link seven years ago. He didn't choose to keep the file in his DropBox account for 7 years.

timk

Sergeys example wouldn't work anyway, because it probably referred to the old media player. Use Darrels suggestion, that should do the trick.

jasonadal

If you're using Lectora desktop version 18, remember to change the dash (-) to double underscore (__):

.mejs__overlay-button{
visibility:hidden;
}

nmonreal

Hi guys,

How about for Lectora 21? The above codes did not work in version 21.

Hope to hear from anyone. Thank you!

andrew-robertson

Hi @nmonreal , unsure what your problem is - everything works fine here. See below.

Shows you I have the giant play button.

Shows you I was able to edit the CSS class in question directly using developer tools in Chrome.

Shows you that after putting my CSS class directly into my module it still worked.