Video tag enter full screen

에 의해 Maksym

2013년 12월 12일 06:04 영어 (English) 6 댓글

TIP Tizen launches web applications on the WebKit browser. There are dedicated methods available to launch video playback in the fullscreen mode: videoDOMElement.webkitEnterFullscreen(); To exit the fullscreen mode developer, should use: document.webkitCancelFullScreen();

But webkitEnterFullscreen does not enter full screen.

Is there additional settings/configs which should be done?

document.webkitCancelFullScreen() exits full screen without any issues

Edited by: Maksym on 12 12월, 2013

Responses

6 댓글

konduri sai swathi

2013년 12월 12일 20:53

Hi,

Try the below code.

HTML :

<video src="sampleVideo.mp4" id="videosample"></video>
<button onclick="fullscreen();">Enter Fullscreen</button>

JavaScript :

function fullscreen(){
    console.log("fullscreen");
	$('#videosample').get(0).play();        
	$('#videosample').get(0).webkitEnterFullscreen();
}

이 게시물에 답글 달기
답변으로 선정

Maksym konduri sai swathi

2013년 12월 16일 00:45

It looks strange, but if I run

$('#videosample').get(0).webkitEnterFullscreen();

from Web inspector -> Console I get

code: 11
constructor: DOMExceptionConstructor
line: 2
message: "InvalidStateError: DOM Exception 11"
name: "InvalidStateError"
stack: "webkitEnterFullscreen@[native code]↵eval code↵eval@[native code]↵_evaluateOn↵_evaluateAndWrap↵evaluate↵[native code]"
__proto__: DOMExceptionPrototype