WebKitのUserGestureによるJavaScriptの挙動の変化を調べた | Scene Research Station
こんな経験をしたことはありませんか？ PCのChromeではJavaScriptからwindow.openでポップアップウィンドウが開けるのに、AndroidのChromeでは開けない。けど、onclickイベントのハンドラ内だったらAndroidでもwindow.openが動く PCのSafariでは動画の自動再生(document.onloadのタイミングでvideo要素のplayを呼ぶ)ができるのに、iPhoneのSafariでは出来ない これらの挙動の違いはバグではなく、主にモバイル端末向けにWebKitの内部設定が変更されているためです。実はモバイルに限らず、ブラウザではユーザ操作(UserGesture)による呼び出しか否かでスクリプトの挙動が変わります。そして、その変わり方がブラウザによって違います。 このあたりのWebKitにおける実装を調べてみました。 下記の操作はクリッ
HTML Media Capture (W3C Last Call Working Draft 26 March 2013)
HTML Media Capture W3C Recommendation 01 February 2018 This version: https://www.w3.org/TR/2018/REC-html-media-capture-20180201/ Latest published version: https://www.w3.org/TR/html-media-capture/ Latest editor's draft: https://w3c.github.io/html-media-capture/ Test suite: https://w3c-test.org/html-media-capture/ Implementation report: https://www.w3.org/2009/dap/wiki/ImplementationStatus Previous
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考：video, audioのサポート状況 video, audio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
