3
현재 HTML5 비디오 플러그인에서 작업하고 있으며 아래 코드는 내 컨트롤이며 사용자 지정 컨트롤로 작업하려고합니다.IE9 및 Firefox에서 전체 화면 모드가있는 HTML5 비디오
문제는 비디오를 전체 화면 모드로 변경해야 할 때 전체 화면 버튼을 클릭하는 것입니다. 크롬에서는 작동하지만 IE와 Firefox에서는 작동하지 않습니다.
function addvideo() {
var addvideo = $('<canvas id="canvas" height="468" width="560"></canvas><div class="videocontainer"><video id="video1"><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg; codecs="theora, vorbis""><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2""><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg; codecs="theora, vorbis""><source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm type="video/WebM; codecs="vp8, vorbis""></video></div>');
$(addvideo).appendTo('#video');
}
function addcontrols() {
var controls = $('<table><tr class="controls"><td id="playbtn" class="playbtn" title="Play/Pause"><td id="elapsedtimer" class="elapsedtimer">00:00</td><td id="videoslider" class="videoslider"></td><td id="totaltimer" class="totaltimer">00:00</td><td class="HD"></td><td class="fullscreen"></td><td><td id="volumeslider" class="volumeslider"></td><td class="volumeon" title="Mute/Unmute"></td></tr></table>');
$(controls).appendTo('#controlspane');
}
이 전체 화면 모드의 기능은 다음과 같습니다
$('.fullscreen').on('click', function() {
$('#video1').get(0).webkitEnterFullscreen();
$('#video1').get(0).mozRequestFullScreen();
return false;
});
사람이 내 목표를 달성하기 위해이 수정 어떻게 저를 제안 할 수 있습니까?
하이의 W3C 버전을 추가, 그래서 당신은 어떤 해킹이나 또한 IE 8, 9에서 전체 화면을 사용하려면 플러그인 건너 한 마지막? – SexyBeast
아니요 .... 아직 없습니다 :( – coder
사용할 수 있습니까? IE 8/9에서 요소를 전체 화면으로 렌더링 할 수있는 것은 무엇입니까? – SexyBeast