webkits メディアグループ (Apple Developer Guide pdf へのリンク、42 ページを参照)を使用して 2 つの html ビデオを同期しようとしていますが、頭痛の種になります。MediaController が正しく動作していないようです。Chrome では、.pause() を呼び出すたびに、ビデオはビデオの最後までシークします。セットアップは次のようになります。
(ここでは 1 つのビデオのみを使用しましたが、2 つのビデオを使用し、両方に同じコントローラーを設定しても、結果は同じです)
HTML
<video id="video" src="http://videos.mozilla.org/serv/webmademovies/popcorntest.mp4"></video>
JS
videoController = new MediaController(),
video = document.getElementById('video');
video.controller = videoController;
$('#somebutton').on('click', function() {
videoController.pause();
});
ここにフィドルがあります。（サファリでは、ビデオに「自動再生」属性を設定すると、このフィドルが機能します。そうしないと、ビデオは再生されません。）
Apples ガイド (上記参照) によると、これはセットアップする 2 つの方法のうちの 1 つです。もう 1 つの方法は、video タグに mediagroup="videoController" を直接設定してから、document.getElementById('video').controller でコントローラーにアクセスすることです。どちらも試してみましたが同じ結果でした。
これは Chrome のバグですか、それとも Safari と同じように実装されているだけではありませんか? 意図するにはあまりにも奇妙に思えます。