みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

iPhone の mobile Safari で video を再生し終わった後にビデオプレーヤを閉じ、mobile Safari に戻す方法

iPhoneでは videoタグのplayを叩くと、ビデオプレイヤーが立ち上がりビデオが再生されます。

昔の僕は、なんとかSafari内で再生できないものかと インラインで再生する方法 を探りましたが、最近は考え方が変わり、ビデオを再生し終わった後にSafariに戻ってきてくれれば良いんじゃないかと考えるようになりました。

kimizuka.hatenablog.com


DEMO

通常の場合

f:id:kimizuka:20160728182039g:plain

http://jsrun.it/kimmy/SoMv
※ iPhoneでご観覧ください

ビデオを再生するとビデオプレーヤーが起動し、Safariに戻ってくるためにはユーザー自身の操作が必要です。


強制的に戻す場合

f:id:kimizuka:20160728182110g:plain

http://jsrun.it/kimmy/iCe4
※ iPhoneでご観覧ください

ビデオが終了すると自動的にSafariに戻ってきます。


解説

ビデオプレーヤーが全面にいる際も実はJavaScriptでページを操作することはでき、再生中のvideoタグをremoveChildするとSafariに戻ってきます。
これを応用すれば例えばシークが不可能なビデオをつくることも不可能ではありません。

f:id:kimizuka:20160728182140g:plain

http://jsrun.it/kimmy/u8LZ
※ iPhoneでご観覧ください
※ シークするとビデオプレーヤーが閉じます