2012-01-13 3 views
4

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

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

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

Спасибо.

ответ

5

Вы можете отобразить его в режиме HTML встроенного

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

и вот ваш рядный ДИВ

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

Есть ли способ автоматически воспроизведение видео? –

+0

Вы можете связать события с colorbox и показать свою видеозапись // Пример использования прослушивателя событий и общедоступного метода для создания примитивного слайд-шоу: $ (document) .bind ('cbox_complete', function() { setTimeout ($ .colorbox.next, 1500); }); – Prat

Смежные вопросы