Questions tagged [html5-fullscreen]

The feature of the HTML5 Javascript API that allows for a document element to be displayed fullscreen.

149 questions
0
votes
1 answer

position not working while video is on fullscreen

I am working on a project where I need to show label after the video finish playing . The current output shows like this See the label of next ep in 10 seconds . This is working fine in normal case but when I do fullscreen the label gets…
ashok poudel
  • 703
  • 11
  • 28
0
votes
1 answer

Adapt Fullscreen Api to toggle swith

I would try to adapt two code in one. First the fullscreen Api HTML5 Fullscreen Api and Sliding Toggle Switch like (iOS) jQuery-Plugin-For-Sliding-Toggle-Switches. function launchFullscreen(element) { if(element.requestFullScreen) { …
Rak Arthus
  • 17
  • 6
0
votes
1 answer

IE10+ FullScreen.js is not scrolling in full-screen mode

I develop a website who is using https://github.com/sindresorhus/screenfull.js/ for full-screen mode. On Chrome, Firefox, Open, and Safari the plugin it works properly. But when I go to Internet Explorer 10+ the plugin doesn't work properly. So when…
0
votes
1 answer

How to get full screen on certain pages in my webapp

In my app i want to make some pages display on full screen. Basically this is what i want: "User cannot access the browser or computer desktop or take any other actions outside of window using the mouse". I was trying to use this full screen…
sar
  • 65
  • 1
  • 12
0
votes
2 answers

JavaScript: How to toggle HTML5 video fullscreen / non-fullscreen?

Given is an HTML5 video element. A button should change this video element into fullscreen, or end the fullscreen. I have already written a JavaScript function. This works fine in Firefox. Unfortunately, the function does not work in Google…
carapaece
  • 331
  • 4
  • 15
0
votes
0 answers

Nothing works on when full-screen is initialized on any element

I am working on a WordPress website and I have got a YouTube video where the full-screen isn't working. On the iframe allowfulscreen='true' is set and when you click on the full-screen icon it does initialize something, however the original body is…
Deepak Kamat
  • 1,880
  • 4
  • 23
  • 38
0
votes
1 answer

Video fullscreen exit causing scroll position to change

I've encountered an issue with Firefox specifically (I'm using version 61.0.1 (64-bit)) where upon exiting the fullscreen of a video element on a page which is scrolled down it will caused the scrollTop of the body to return to an incorrect…
webbm
  • 634
  • 8
  • 18
0
votes
1 answer

element.RequestFullScreen() & element.msRequestFullScreen() is not showing for I.E and Microsoft Edge

Background Information: Each video thumbnail image when clicked will play the video in full-screen, compatible with cross-browsers What has been done: Have created the following source code attached below Issue: The video can be played in…
Luke
  • 982
  • 1
  • 7
  • 27
0
votes
1 answer

videojs : "Exited fullscreen because fullscreen element was removed from document."

I'm having a trouble with full-screen toggle of videojs HTML5 Player. Here, I've got two videos on a page (https://yiddishevinkel.com/archives/9555) where the main video looks ok. But the video in sidebar, I'm not able to switch to full screen mode.…
0
votes
0 answers

why doesn't full screen wok on touchend?

I'm trying to make a page go full screen as soon as the user starts scrolling on mobile. I'm aware of the fact that as stated in this mdn link , for usability reasons, the browser will only allow a page to occupy the full-screen in response to a…
Osvaldo Maria
  • 340
  • 5
  • 14
0
votes
2 answers

Videogular2 control outside element

Is there a way to use a controler outside the element? I'm trying to make a fullscreen button outside the like following:
Fig
  • 275
  • 1
  • 7
  • 19
0
votes
1 answer

Removing document.onfullscreenchange Fullscreen API

I got a page where is checking if the user left the fullscreen. I want to delete/destroy this event watcher but could not find out how i can do this on the description API Description Here is my code: //create black background and disable…
elpeyotl
  • 372
  • 1
  • 3
  • 14
0
votes
0 answers

html5lightbox video popup Mobile view Full screen issue

I am using HTML 5 light box popup for playing a video. i have been Calling video through web service from another website and stream into my player using html5-light-box popup using this method html5Lightbox.showLightbox() everything works fine…
0
votes
1 answer

Auto-close video in fullscreen mode on iPad

When a video is played in fullscreen mode I want to exit fullscreen when the video has ended. I have this working on desktop and android, but not on my iPad (v10.3.2) The code to exit fullscreen looks like this if (document.exitFullscreen) { …
Jeanluca Scaljeri
  • 26,343
  • 56
  • 205
  • 333
0
votes
2 answers

Set attribute mozallowfullscreen or webkitAllowFullScreen in ReactJs JSX

Iam trying to include a Vimeo Iframe in a webpage like this (JSX Code):