ビデオタグ経由で追加されたビデオを再生するカラーボックス経由でHTML5ドキュメントを読み込もうとしています。動画へのリンクは次のとおりです。HTML5ビデオが読み込まれていますが再生されていません
<a href="content/video/test-video-01.html" class="cboxElement"></a>
JSは、カラーボックスを追加することです:
var $gallery = $('a.cboxElement').colorbox({
transition : 'elastic',
speed : box_speed,
maxHeight : 700,
maxWidth : 900,
initialHeight : 486,
initialWidth : 722,
fixed : true,
preloading : false,
onCleanup : function() {
$('canvas#connector').fadeOut(box_speed);
},
onClosed : function() {
box_opened = false;
initiateActivity();
}
});
$('a.cboxElement').click(function(e) {
$gallery.eq(0).click();
return false;
});
そして最後に、テスト・ビデオ・01.htmlは、次のようになります。
<video width="722px" height="487px" controls="controls">
<source src="http://localhost:8888/ipm/content/video/test-video-01.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="http://localhost:8888/ipm/content/video/test-video-01.webm" type='video/webm; codecs="vp8, vorbis"' />
Your browser does not support the video tag.
</video>
私は異なるMIMEタイプを許可するために、AddType宣言を.htaccessファイルに追加しました。
問題はこれは、私がColorboxでコンテンツを読み込んだときに、ムービーとコントロールを表示することです。しかし、映画は再生されません。私はムービーのタイムラインをクリックしてムービーのさまざまなフレームを見ることができますが、それは再生されません。私がtest-video-o1.htmlファイルに直接アクセスすると、完全に動作します。 ColorboxはHTMLファイルを取得するAJAXリクエストを行い、これが問題の原因になるかどうか疑問に思っています。これに関する助けは素晴らしいでしょう。ありがとう!