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?
Related
I have a JSF application that uses Primefaces 7.0. Some of its pages use the p:media component to display the content of PDF files. When installed on a remote linux server, the application does not show the content of the PDF if used with Firefox 67.0. It works fine with Chrome and IE. And it works perfectly on my Windows 10 PC, even with Firefox. To make it even wierder, inspecting the element makes it visible in my laptop, but not in my desktop computer. Has anyone else a similar problem? Please advice.
EDIT 11/11/2019: Today I learned that the problem occurs when using https instead of http. Therefore, it doesn't really matter that the server is remote; what happens is that on our remote (and public) server we use https
I'm currently trying to set up a connection between my web client and my iOS app, but for some reason my iOS client only sees a black box when using Chrome (version 33). I can see the video just fine if I use Firefox (both in my app and when I put the browsers side-by-side, they can see each other).
This doesn't appear to be a documented known issue with the JavaScript SDK, and I can't see any recent discussion about this on the forums (last post was mine).
The iOS sample can be located here (samples/OpenTokHelloWorld) with the browser page in samples/OpenTokHelloWorld/browser_demo.html
I suggest cd'ing into samples/OpenTokHelloWorld and running python -m SimpleHTTPServer, as it can't be run from a file:/// path.
Here is what my iPad sees:
Chrome:
Firefox:
And Chrome/Firefox (respectively), both publishing video from the same camera
Edit: after testing on other machines, it may be something specific to my environment even though none of my extensions run in Incognito and I don't have any custom plugins installed.
It looks like the OpenTok mobile SDKs with the specific webcam I was using has issues. On Android the video stream will display for a brief moment then segfault, and on iOS there will be no video at all.
I have tested this many times and could not reproduce what you are seeing in your chrome.
Without seeing any console errors or iOS logs the best suggestion is to try clearing your cache, or maybe restarting your computer (longshot)
I'm experiencing a very strange behaviour with Bootstrap 3 when viewing in Internet Explorer. My nav bar works perfectly locally (I'm using VS2012, so the page is being served by IIS Express), but when I deploy it to one of our internal servers (running full IIS) it always appears collapsed (even if I stretch the browser across both my monitors!)
If I user Chrome, it works perfectly.
I've compared the files that are downloaded in each case, and they are identical. I have even create a test file which uses the example nav bar from the bootstrap website, and I see the same behaviour.
So, to summarize:
Local / IE Works
Local / Chrome Works
Remote / IE Does not work
Remote / Chrome Works
Any pointers about this very strange behaviour would be very much appreciated!
I found the problem, and it is Internet Explorer's compatibility settings.
Under Tools > Compatibility View Settings dialog there is a checkbox which says "Display intranet sites in Compatibility View".
This setting meant IE used an older rendering engine, which did not work very well with Bootstrap. Once it was turned off everything was fine.
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?
I have created a presentation application with HTML, CSS and JavaScript which is going to be executed from a CD. Everything is fine with images and JavaScript but now I want to include a video. I have tried www.videojs.com and it is working fine in Chrome, but I can't get it working with Firefox.
How can I include a video inside a HTML page that can be played locally, without any web server involved? The browser is going to be Firefox portable only.