colorbox 라이트 박스에 html5 비디오 태그 표시

colorbox 라이트 박스로 HTML5를 표시하려고합니다. 필자가 수행하는 방식은 다음과 같습니다.colorbox 라이트 박스에 html5 비디오 태그 표시

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

여기서 소스는 소스 태그의 HTML을 포함하는 변수입니다. 제 문제는 컬러 박스 라이트 박스가 나타나더라도 비디오가 보이지 않는다는 것입니다. 나는 방화범이 끌렸다. 그리고 전체 HTML이 거기에있다. 왜 그것이 그것을 보여주지 않을 수도있는 어떤 생각?

감사합니다.

출처

2012-01-13 lgomezma

당신은 인라인 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>

출처

2013-04-17 10:33:59 Prat

자동으로 동영상 재생을 할 수있는 방법이 있나요됩니다를 사용하여 표시 할 수 있습니까? –

이벤트를 colorbox에 바인딩하고 비디오를 재생할 수 있습니다. // 이벤트 리스너와 공용 메서드를 사용하여 프리미티브 슬라이드 쇼를 만드는 예제 : $ (document) .bind ('cbox_complete', function() { ) setTimeout ($ .colorbox.next, 1500); }); – Prat

colorbox 라이트 박스에 html5 비디오 태그 표시

답변

관련 문제