Languages

Menu
Sites
Language
HTML5 Video Player - Fullscreen Questions

Hello,

I have a few questions regarding using the HTML5 video player <video> tag.
  1. How can we implement auto-fullscreen playback using the HTML5 player? At the moment if a video starts it has the fullscreen button show in the controls, and if you click it fullscreen playback will happen. However, we'd just like to default to this view.
  2. We noticed that even when the player is fullscreen that if you swipe the screen vertically you can see the site scrolling the background. When will this be fixed? When fullscreen player is active the site behind should never be shown. Compare to full screen player on iPhone or Android. The player is stationary and never shows any of the site behind regardless of touch events firing.
  3. The full-screen only allows playback in portrait view. If you rotate the phone it does not change to landscape. Is this a known bug or is something that needs to be done to enable this?
Edited by: Brock Boland on 17 Mar, 2014 Reason: Paragraph tags added automatically from tizen_format_fix module.
List

Responses

4 Replies
Raghavendra Reddy Shiva
For Q1: Tizen runtime environment provides WebKit browser. And webkit provides two functions to enter and leave fullscreen mode: webkitRequestFullScreen() and webkitCancelFullScreen(). The webkitRequestFullScreen function is invoked on instance of a multimedia object and webkitCancelFullScreen is invoked on a document object. //To enter fullscreen mode MediaInstance.webkitRequestFullScreen(); //To leave fullscreen mode document.webkitCancelFullScreen(); You might have to create events and handle them to come out of fullscreen mode. For Q2: Please raise a JIRA for this issue at https://bugs.tizen.org/jira/secure/Dashboard.jspa. Someone should respond with their comments. For Q3: By default the “auto-rotate screen” is disabled (set to OFF, under settings ). Did you try after enabling it ?
Jasper Valero
Thank you for your response Raghavendra. In regards to Q3, yes I do have auto-rotate enabled. It works for browsing the web and other screens, but not in the player.
Raghu Kona
You have to add an event listener to capture the orientation change event by adding the below code function onSuccessCallback(orientation) { console.log("Orientation changed: " + orientation.status); } tizen.systeminfo.addPropertyValueChangeListener("DEVICE_ORIENTATION", onSuccessCallback); In the callback you can relaout your page as per the screen resolution.
Jasper Valero
So this is not handled by the full-screen player itself? That is a bit odd, as most mobile players do. Is the reason for this to give developers more control? If so I'd think a simple attribute on the video element would suffice. Most people expect a full-screen video player to have orientation changing behavior, so I think including this rather than having developers write out a custom listener and callback would be a better way to go in the long run.