html5ビデオタグをカラーボックスライトボックスに表示

Question

カラーボックスライトボックスでHTML5を表示しようとしています。私がやっているやり方は次のようなものです：

var html ='<video>'+sources+'</video>'; 
$.colorbox({html:html}); 

ここで、sourcesはソースタグのhtmlを含む変数です。私の問題は、カラーボックスのライトボックスが表示されても、ビデオが表示されないということです。私はFirebugでチェックして、HTML全体がそこにある。それはなぜそれを表示しないかもしれない任意のアイデア？

ありがとうございました。

Answer 1

あなたはインラインHTMLモード

$(document).ready(function() { 
    $('#openColorbox').colorbox({ 
     inline : true, 
     width : '80%', 
     height : 'auto', 
     href : '#inlinevideocontent' 
    }); 
}); 

を使用してそれを表示することができ、ここであなたのインラインのdivが

<div style='display:none'> 
     <div id='inlinevideocontent' > 
     <video controls="controls" src="video.mp4" /> 
     </div> 
</div>