Javascript 在colorbox lightbox中显示html5视频标签

我正在尝试显示一个带有色盒灯箱的HTML5。我是这样做的：

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

var html=''+sources+''；
$.colorbox（{html:html}）；

其中sources是一个包含源标记的html的变量。我的问题是，即使颜色框灯箱出现，视频也不会显示。我已经检查了Firebug，整个html都在那里。你知道为什么它不会显示出来吗

---

谢谢。

您可以使用内联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>

是否有自动播放视频的方法？您可以将事件绑定到colorbox并在那里播放视频//使用事件侦听器和公共方法构建基本幻灯片放映的示例：$（document）.bind（'cbox_complete'，function（）{setTimeout（$.colorbox.next，1500）；}）；