I have a webpage with html5 video displaying an HLS video in Safari on OSX. When I click the full screen button the video plays in full screen, but the screen dims according to my OSX display settings after 1 minute of being idle, no keyboard or mouse interaction.
This does not happen if I play an mp4 video file from the local disk directly using Quicktime in full screen. In this case Quicktime is doing something to tell OSX not to listen to the idle-timeout.
My question is how can I make the html5 video page keep the screen from idle-dimming while playing the video in full screen on OSX (or any platform, if possible)?
The issue has been fixed in safari 5.1.4. Release notes are available here.
Fix an issue that could cause the screen to dim while watching HTML5 video
Related
This video spreading across Discord is very intriguing...
The same webm file behaves as follows in the following browsers:
Browser / Player
Message
Chrome
"Discord detected on Chromium/Electron"
Firefox
"Discord detected on Gecko (Firefox)"
VLC
"Discord detected on Gecko (Firefox)"
Media Player Classic
"Discord detected on Chromium/Electron"
Edge
"Discord detected on Chromium/Electron"
Safari
Play bar loads but only plays first frame of video.
Epiphany
Play bar loads but won't play at all.
Edge (Legacy)
Won't load/play
IE11
Won't load/play
Windows 10 Movies and TV
Won't load/play
I'm well aware that the "Discord" part of the message baked-in to the video, but what about the rest?
I had originally suspected that the .webm file was somehow switching to a streaming method and using server-side headers to influence the video content, but I tried in a VM in airplane mode and it still worked.
My second thought is that since .webm-capable browsers can be split up into two groups: Chromium-based and Gecko-based, that this video has multiple video sources embedded and is taking advantage of a very specific browser incompatibility, like a magic trick that forces you to select a card.
I have a video recording with the ability to choose a background (for example, blurry or upload your own picture). It doesn't work in safari (but works in chrome and other browsers) and I get this error. Can you tell me how to solve this? Project on the vue
error image in console-safari
I am trying to autoplay Netflix video using Selenium on chrome on a Linux machine. I open the video using the following url: https://www.netflix.com/title/<video_id>. Normally, the video starts playing once the page loads. However, with selenium, the video page opens up and a play button comes up. The video does not play until I click button manually. Is there a workaround such as opening chrome with specific flags to disable this?
One workaround that I found was to mute the Netflix video. I think this has to do with the new updates to chrome wherein video can only be autoplayed if they are muted.
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
I have iPhone 4 and iPad with 6.0.1, and I have a little app ive created which let you capture a short video, 30 seconds max, and upload it to my server. When Im trying to access the video, I can't open it. I see a "play" button with a line on it, so it says I can't play it.
The wired thing is that I tried to play the video while I'm on 3G and not on WIFI, and it worked.
I've tried using mp4, m4v, m4a, mov, and nothing works.
I don't have any problem with my router and any other videos app like YouTube or opening video from Facebook - works.
I'm trying to use subtitles with MediaElement.js HTML5 video player (the same behavior is with VideoJS). The subtitles are not displayed on iPad2 (4.3.3) at all and are not displayed in Safari 5.0.5 (OSX 10.6) player fullscreen mode. I'm using mediaelements.js front page for testing.
Is this technical limitation or bug in the libraries?
Thanks,
Radim