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

编辑者为: Maksym 开 12 12月, 2013

响应

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