video.js
Google の IMA プラグインを使用して、動画広告の表示を実装しようとしています。[videojs-ima][1]
サンプル コードには、次の部分があります。
// Initialize the ad container when the video player is clicked, but only the
// first time it's clicked.
var startEvent = 'click';
if (navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/Android/i)) {
startEvent = 'tap';
}
しかし、モバイル デバイスで が にstartEvent
設定されてtap
いると、次のエラーが発生します。
Uncaught TypeError: document.createTouch is not a function(anonymous function) @ ima3.js:252Ha @ ima3.js:9zm @ ima3.js:252h.Ld @ ima3.js:253Ze @ ima3.js:68h.dispatchEvent @ ima3.js:66im.w @ ima3.js:243We @ ima3.js:63Se @ ima3.js:64(anonymous function) @ ima3.js:62
ima3.js:252
Uncaught TypeError: Cannot read property 'apply' of undefined
行をコメントアウトすると、startEvent = 'tap'
これらのエラーは発生しなくなりましたが、video.js
プレーヤーの一部の機能が機能していません。つまり、ビデオ領域をクリックしてビデオを一時停止できません (一時停止ボタンをクリックする必要があり、それは難しいです)。モバイルデバイス)。
この「タップ」イベントをモバイル デバイスで正しく動作させるにはどうすればよいですか?