Custom HTML5 play/pause button

[Shikkediel]

Older versions of iOS seem to be quite restrictive with video elements…

https://webkit.org/blog/6784/new-video-policies-for-ios/

[grimski]

I’m going to go through that now and give everything a good check.

Just wondering, if I wanted to wrap the buttons in a div like .controls would I just swap the javascript that refers to $(this).siblings('video'); for just $('.controls');.

[Shikkediel]

I think the scrolling effect will likely not work on early iOS but the buttons themselves should.

The line you mentioned would become this:

$(this).parent().siblings('video');

Plus a few other small changes, which I’ve added already:

codepen.io/Shikkediel/pen/qVBOPo

[Author]

Posts