Controller in HTML5 when in Full Screen Mode on Safari


(Adam) #1

Hello all. I’m using Joe Workman’s HTML5 stack to embed some video clips on my site. All seems great except when I go into Full Screen Mode in Safari the Controller never goes away. It works as expected in Firefox and Chrome. I do have Auto Hide selected in the Player Options.

So it’s clearly a Safari issue, but has anybody else seen this behavior or have any suggestions for a work-around?

Thanks.


(Robert Ziebol 🖖🏼) #2

Seems to work just fine on his demo site
http://joeworkman.net/rapidweaver/stacks/html5-video

What version of Safari are you using? Any extensions installed??


(Adam) #3

That’s true. The demo works. But it’s

got a different controller in full screen mode - along the bottom of the screen. My problem is with the floating controller. It doesn’t go away.


(Adam) #4

I’m running Safari Version 10.0.1 (12602.2.14.0.7) with no extensions installed.


(Adam) #5

The demo has the controller along the bottom of the screen.


(Robert Ziebol 🖖🏼) #6

The controls disappear for me, but reappear if I touch the mouse or keyboard, so it is impossible for me to take a screenshot. Do you have a link to your site with the video on it? I have NEVER seen that player happen on Joe’s stack before. Also using 10.0.1 of Safari on macOS Sierra 10.12.1


(Adam) #7

Thanks Robert. Here’s a rough site with 3 video clips in an orbit slider.

http://lobelpost.com/fcla/

On my Mac (running OS 10.12.1) with Safari Version 10.0.1 (12602.2.14.0.7) I get the controller overlay when I go full screen on all of them and it never goes away.


(Adam) #8

As a follow up - I just discovered that if I manually drag the position slider around on the clip and then let it go, the controller does in fact disappear!