VideoJS font not applied to controls in Firefox 22 - video.js

I did everything according to the setup instructions and got the video.js player play my flv video. The only problem is that the UI is broken in Firefox 22 because the font that is loaded correctly is not applied to the controls. I only see a box with some numbers inside instead of a play button for example.
This works in Chrome correctly.
I double checked with Firebug that the font file is loaded from the server and there are no problems.
Firebug shows this when I inspect the play button:
content: "";
And if I hover font-family I see the VideoJS font sample displayed.

It was the same origin policy. I was working on a development subdomain but the font was hosted on the main domain and that's why Firefox refused to use it. (Chrome used it)

Related

Background image when recording video in safari

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

Iframe loading/buffering issue

I am currently having some issues that I believe to be related to an iframe.
My website homepage has a video on, with a simple "play" button that when pressed will load on iframe with a url from my root, video.html with a embedded to play.
My site is load-balanced, I had no issues with apache 2.2 but now i am using apache 2.4.
The video and frame loaded instantly with 2.2, but in 2.4 I click the button - the audio for the video starts playing, but the tab is loading something and soon after the video appears.
I can close the video and reopen and it does the same thing. In all browsers
I can visit the referenced URL in the iframe to pull the video from via the balancer and it plays right away.
Anyone know what sort of configuration element i may be missing? :)

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?

mp4 movies are not displayed in IE

I am using video.js to play mp4 video files.
It works fine in Chrome & Safari, but not in IE
Here is a link for a sample page:
http://www.shafan.co.il/gsPedia/Templates/Shafan/DisplayItem_NEW.asp?WordID=4485&Word=&CategoryID=143
The page is in Hebrew... Sorry... But you can clearly see where the video box is...
Thanks!!
check out the source on [http://videojs.com/](line 92). their video works in ie. i played a little with the plugin on localhost, and came across the same issue... try setting up the video plugin manualy (by running js code after video tag), as they did on their homepage (line 99). chears.

Play HTML5 video locally

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.