Closed Bug 822285 Opened 11 years ago Closed 7 years ago

Skive It video doesn't load in Firefox

Categories

(Web Compatibility :: Site Reports, defect)

x86
Windows 7
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED WORKSFORME

People

(Reporter: JStagner, Unassigned)

References

()

Details

(Whiteboard: [needscontact] [country-it] [video])

Attachments

(3 files)

http://www.skive.it/html2/index.html

Layout which works in other browsers fails in Firefox.
And what exactly is wrong in the Layout ?
You didn't specify a Firefox version that you are using.
With "browsers" (plural) do you mean webkit and which other rendering Engine ?
Sorry 

If you look at the attached image what's wrong should be obvious. 

Compare it to Chome or Safari.....

I didn't specify a FF version as it appears to be present on every version of FF (I tested Release WIndows, Release Linux, Nightly Windows, Nightly Linux 

Reporting at the request of a customer - so it's possible that is just works in Chrome
Ummm, for me using Windows 7 x64:
Nightly 20 = MSIE 10 = Opera 12 = like the attached Screenshot.

Only Chrome 25 differs.

If you hover over a Video Error Console spews:
Timestamp: 18.12.2012 23:37:13
Error: TypeError: player.webkitEnterFullscreen is not a function
Source File: http://www.skive.it/html2/assets/skivejs/socialvideolib.js
Line: 46

Smells like a TE Issue.
Summary: Skive It Layout doesn't work in Firefox,,,,, → Skive It Layout doesn't work in Firefox
>If you look at the attached image what's wrong should be obvious. 
No, it's not obvious if you don't know how the site should look and I compared Firefox (various versions) with Safari, Opera12 and IE9
Testcase wanted, perhaps, but so far it sounds like this site is just doing something WebKit-specific....

JStagner, were we contacted by someone affiliated with the site, or is "a customer" just a random user of the site?
The founder of SkiveIt spoke with Jay Sullivan who reffered him to me.
OK.  So given that this seems to be a bug in their site, what action do they expect from us?  Debugging it so we can point out the problem to them?  Implementing something they're depending on?  If the latter, do they plan to tell us what this thing is or should we be reverse-engineering their site ourselves?

Basically trying to figure out how much information we can get from them, since they're actively involved in the conversation...
Any news from Skive It people? The site is really broken in latest Nightly and IE in comparison with Chrome and Opera. Images are overlapping each other, videos disappear for a moment when hovering on top of them.
Keywords: qawanted
User Agent 	Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:47.0) Gecko/20100101 Firefox/47.0
Build ID 	20160211075650

Tested on Windows 7 x64 with the Nightly 47.0a1 build. The website provided changed it's layout and I encountered another problem: in Firefox the background video is not visible and neither the Sign Up nor the Log in buttons. In Chrome and IE these issues do no reproduce.
Hallvord, do you want to take a look at what's going on here?
Flags: needinfo?(hsteen)
With pleasure, Boris.

Issues: 
1) No background video. They do

<video class="backgroundvideo" muted="" autoplay="">
				<source src="https://skive.it/marketing/places/chicagoducks.MOV" type="video/ogg"> 
				<source src="https://skive.it/marketing/places/chicagoducks.MOV" type="video/mp4">
			</video>

Note how both SOURCE elements refer to the SAME file. This is probably a mistake - I guess the video/ogg one should refer to chicagoducks.ogg or something like that. It needs to be a file that's really encoded in a different format - not just one described with a different type attribute.. So, we get this in the error console:

Media resource https://skive.it/marketing/places/chicagoducks.MOV could not be decoded. index.html
All candidate resources failed to load. Media load paused.


2) Missing links top right (sign up/in). They are not actually missing - they are just styled to be the same colour as the background behind the video:
#signup > a {
    color: #444444;
    padding: 2px 10px;
    font-size: 10px;
}
meaning if the video doesn't appear, the links become invisible.
Flags: needinfo?(hsteen)
OK.  Doesn't sound like a layout bug.  :)

Thank you for digging into that!
Component: Layout → Desktop
Product: Core → Tech Evangelism
Summary: Skive It Layout doesn't work in Firefox → Skive It video doesn't load in Firefox
I'm not quite done though :) Clicking on some "mood" or category takes you to a page with videos on - videos are full width in Firefox but centered and smaller in Blink-based browsers. I think this is caused by our old max-width friend 823483, so it will be interesting to check this site against that fix. The videos load and play fine on demand.
Depends on: 823483
So the main thing to fix is to make sure there are two alternate formats available for the background video.
Whiteboard: [needscontact] [country-it] [video]
(In reply to Hallvord R. M. Steen [:hallvors] from comment #14)
> smaller in Blink-based browsers. I think this is caused by our old max-width
> friend 823483, so it will be interesting to check this site against that
> fix.

That's doable now, since the fix landed.
The video layout and <source src> issues are no longer an issue. Let's close.
Status: NEW → RESOLVED
Closed: 7 years ago
Resolution: --- → WORKSFORME
Product: Tech Evangelism → Web Compatibility
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: