Video tag enter full screen

By Maksym

12 Dec 2013 06:04 English 6 Replies

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 Dec, 2013

Responses

6 Replies

konduri sai swathi

12 Dec 2013 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();
}

Reply to this post
Mark as answer
- Report
- Edit
- Delete

Maksym konduri sai swathi

16 Dec 2013 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