search

iandevlin / iandevlin.github.io

GNU Affero General Public License v3.0
228 stars 437 forks source link

Switch fullscreen iOS #3

Open bertyhell opened 7 years ago

bertyhell commented 7 years ago

I found a way to switch between inline and fullscreen video on iOS since they added a playsinline attribute to safari mobile from iOS 10 and up.

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

The video would have these attributes:

<video playsinline webkit-playsinline></video>

When clicking the fullscreen button on iOS you would:

vid.removeAttribute('playsinline');
vid.removeAttribute('webkit-playsinline');
vid.play();

Then when you detect the fullscreen closing:

document.addEventListener('fullscreenchange', function() {
  if (!isFullScreen ()) {
    vid.setAttribute('playsinline', '');
    vid.setAttribute('webkit-playsinline', '');
  }
}

ios-video-fullscreen

iandevlin commented 6 years ago

I am so sorry, I didn't see this issue until now, many months later, my apologies. Thanks for the information.