Отобразить HTML5 тег видео в лайтбоксе colorbox - PullRequest
Новая
       12

Отобразить HTML5 тег видео в лайтбоксе colorbox

4 голосов
/ 13 января 2012

Я пытаюсь отобразить HTML5 с лайтбоксом colorbox.То, как я это делаю, выглядит примерно так: 

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

, где sources - это переменная, содержащая HTML тегов источника.Моя проблема в том, что хотя лайтбокс colorbox появляется, видео не показывается.Я проверил с Firebug, и весь HTML там.Любая идея, почему это не может показать это?

Спасибо.

1 Ответ

6 голосов
/ 17 апреля 2013

Вы можете отобразить его, используя встроенный режим 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>
...