HTML5 video captions are not displayed on IE11 (Nginx server) - html5-video

Is someone who stumbled upon and has a solution for this issue where HTML5 videos are not showing closed captions on IE11 browser only +OS Win8, Win10 (not reproducible on MS Edge 40, Chrome 66 or Firefox 60.0.1 browser)?
Later edit: Setup = Nginx server + IE11
Here is a demo link where you can find a HTML5 video with CC:
https://testdrive-archive.azurewebsites.net/Graphics/VideoCaptions/Default.html
Open this with IE 11 and turn on CC.

Found the answer to my specific problem - this is a IE11 issue: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8832169/

Related

Inline Audio recorder that works on all browsers

I need to integrate an inline audio recorder for a web app and went through following -
MediaRecorder
Recorder.js
Video.js
I tested the above for Chrome, Firefox and Safari. None of the above solutions worked for Safari (version 12.1.1).
I understand that Safari has been kind of late to the game but I also expected a polyfill to work.
Could someone suggest the best way out here?
The VMSG solution described in a medium blog article just worked on all browsers including safari (both mobile and desktop)

Browerstack: Edge 15 on Windows 10: Localhost only performs a bing search

My app is served on localhost. I am testing it on Browserstack: see title for browser version and OS. I'm running Chrome 59 on OSX Sierra.
I've tried entering localhost:PORT, and http://localhost:PORT but am always given a Bing search result for that string, instead of directing to my development server. I know the server is up because I'm doing manual testing on Firefox, Safari, and Chrome.
I've also attempted to change Edge settings in guides like this one, but there the button to remove bing completely does not exist.
Can anyone point me at support/docs that disable this functionality? Thanks!

how do you test for opera mini in your dev environment

Most of my users are using opera mini to visit my website and there are some things which doesn't work under opera mini. How can I simulate opera mini in my laptop/dev environment?
Try Opera's Mini Simulator.
You may also want to have a look at some of the answers to this related question, especially some of the articles from dev.opera.com they link to.
Keep in mind that Opera Mini itself doesn't render the page; it receives a compressed version of the page rendered on one of Opera's servers.

Video not working in IE 10 without compatibility view enabled

i am trying to embed a video on a web page using video.js.
The video should play on mayor browsers. On Chrome and Firefox it is working fine, but i can not make it work in IE 10 on my local machine (Server 2008 R2). My html code is 100% of the supplied demo.html which is also not working on IE 10. I used absolute urls for video source and added mime types for video formats and additional files in IIS. When i use the compatibility view button, the movie works.
The following error code is displayed in the IE 10 console.
Video Error,[object Object]
The video is also working fine when i use another computer (windows 7, with IE 10, and without compatibility view) to surf to my dev machine, so i assume i have a local problem.
How can i debug this?

Blank video in Firefox (Mac) using mediaelement.js

Using mediaelement.js with great success except for Firefox on Mac OS X where the video seems to load fine and display the correct duration and the play head scrubs - the only problem is that the video is blank unlike in Firefox on Windows and all other browsers.
We are using the single h.264 option.
Sporadically we also see this error in Firefox on OS X randomly on page load - Error: this.pluginAPI.playMedia is not a function
Anybody have any ideas?