The feature of the HTML5 Javascript API that allows for a document element to be displayed fullscreen.
Questions tagged [html5-fullscreen]
149 questions
0
votes
1 answer
How to show 2 videos in single HTML5 Full-screen mode
I have 2 video tags. How can I show a single full-screen mode containing both videos (for example, a video chat, where I want to see my own camera, and my friend's at the same time)?
Emilios1995
- 487
- 5
- 20
0
votes
0 answers
Don't quit fullscreen on click
I want an iframe to go fullscreen when i click a button. But i don't want to exit fullscreen on click. How to achieve this?
To enter fullscreen mode i use this code:
var elem = document.getElementById('gameiframe');
if (elem.requestFullscreen) {
…
lucifer63
- 784
- 9
- 32
0
votes
2 answers
Button to exit full screen in browser doesn't update
I implemented some full screen feature for my current project, Here is the script:
jQuery(document).ready(function ($) {
$(".full-screen-btn").bind("click", function () {
launchIntoFullscreen(document.getElementById("main-container"));
…
Cedric
- 1,236
- 2
- 18
- 35
0
votes
0 answers
Chrome packaged app fullscreen 1px white (bottom and right)
I'm making a packaged app in Chrome. It needs to be fullscreen.
To achieve this I have setup the following permissions in manifest.json (v2):
"permissions": [
"alwaysOnTopWindows",
"fullscreen",
....
]
In my background js file I call the…
CptEO
- 33
- 2
0
votes
0 answers
How to hide programmatically the navigation bar on iOS Chrome
I'm looking for a way to dismiss the navigation bar of the iOS Chrome browser, programmatically. I mean, without the use of user gestures.
I've tried the Web Fullscreen API without success.
It looks like this Browser has poor documentation and…
user1751482
- 53
- 1
- 1
- 6
0
votes
1 answer
Responsive Fullscreen HTML5 Video Issue
I'm trying to implement a fullscreen html5 video splash/landing page, it works great on desktop browsers except it leaves a black bar/space under the video.
Problem is when testing playback on smaller screens or mobile devices, it breaks the…
Mostly
- 207
- 2
- 9
0
votes
0 answers
Fullscreen div element in asp.net site
I have a html document with media gallery:
…
Mikhail Sokolov
- 546
- 1
- 7
- 18
0
votes
1 answer
html5 video fullscreen to restricted div size
Does anyone know how to restrict the HTML5 Video fullsize limit to the portion of the screen instead of the complete screen.
Example: My screen size is 1920 * 1080 where my whole page will be displayed and on top of the page I've a modal dialog with…
Ajay Srikanth
- 1,095
- 4
- 22
- 43
0
votes
0 answers
WebGL content goes fuzzy after fullscreen
I've got an HTML5 document containing an iframe sourcing WebGL content. I've marked the iframe for allowfullscreen=true and the WebGL content makes calls to the HTML5 fullscreen api. In Chrome and Firefox, the fullscreen request happens and works…
Mike Caron
- 5,674
- 4
- 48
- 71
0
votes
1 answer
Can I use jQuery-UI Dialog with HTML5 full screen?
I've been working on a web application that, among other things, uses Google Maps API to display a map of an area with "pins" marking points of interest. When the user clicks on a pin, the application uses jQuery-UI Dialog to display information…
Vivian River
- 31,198
- 62
- 198
- 313
-1
votes
1 answer
Which JS events apart from `click` will successfully activate the Fullscreen API?
I've been refactoring some javascript.
Previously, I had an HTML element open to Fullscreen when the user clicked on another element.
Now clicking the latter element initiates a server-side verification, instead.
Once the server-side verification…
Rounin
- 27,134
- 9
- 83
- 108
-1
votes
1 answer
Ugly navigation bar in fullscreen mode on firefox mobile after input
I get an ugly navigation bar in fullscreen mode on firefox mobile after input. Steps to reproduce:
Open website in Firefox on Android: https://app.usecue.com
Add to homescreen to go to full screen mode (or trigger it in another way):…
Mr. Hugo
- 11,887
- 3
- 42
- 60
-1
votes
1 answer
How to get togglefullscreen to work with HTML5 video?
I created a simple HTML-file in order to learn how to add videos with HTML5. I followed an old instruction on youtube but I could not get the solution to work. All the code worked until I added the fullscreen
Where have I errored? I have tried…
nomouseisdead
- 23
- 5
-1
votes
2 answers
Vertical centred fullscreen div with scroll bar
I would like to make fullscreen, vertical centred div overlaying all content below.
/* css */
#box {
background: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: flex;
…
Jarmark
- 131
- 2
- 11