884280 - The video player does not work at giantbomb.com

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[Adrian Tamas (:AdrianT)]

Nightly 24.0a1 2013-06-17 / Firefox Mobile 22 beta 6
LG Nexus 4 (Android 4.2.2)

Steps to reproduce:
1) Load http://www.giantbomb.com/videos/quick-look-the-last-of-us/2300-7467/
2) Choose any quality setting and tap the play button

Expected results:
The video is played

Actual results:
The placeholder picture is displayed

Notes:
The issue is not reproducible on the Mobile Chrome Browser
The issue is also reproducible on Desktop Firefox 21 using the Android UserAgent

Comment 1

[Adrian Tamas (:AdrianT)]

Sorry set the wrong flag for 22

Comment 2

[Aaron Train [:aaronmt]]

Their player has issues as in you are unable to tap play but I'd like to confirm that it's not us.

Here's some warnings in the console on-load:

[10:03:39.007] <source> element has no "src" attribute. Media resource load failed. @ http://www.giantbomb.com/videos/quick-look-the-last-of-us/2300-7467/
[10:03:39.007] All candidate resources failed to load. Media load paused. @ http://www.giantbomb.com/videos/quick-look-the-last-of-us/2300-7467/

When I tap the player I get 

[10:04:09.364] TypeError: Value does not implement interface Node. @ http://vidtech.cbsinteractive.com/h5/2_2_0/CBSI_PLAYER.js:304

Line 304

VastParser.prototype.serialize=function(a){if("undefined"!=typeof XMLSerializer)return(new XMLSerializer).serializeToString(a);if(a.xml)return a.xml;throw"XML.serializer is not supported or can't serialize "+a;};

Comment 3

[Aaron Train [:aaronmt]]

This also similarily kind of fails in Firefox on desktop, albeit you can tap play. It seems that no source for the video element is fetched.

I think this is tech evangelism to explain to CBS Interactive that their HTML5 support for Firefox on desktop and Android is broken.

Comment 4

[Aaron Train [:aaronmt]]

I posted a thread topic if it turns out to be a problem that GiantBomb has control of over at http://www.giantbomb.com/forums/bug-reporting-33/unable-to-view-html5-video-in-firefox-for-android-1441443/

Comment 5

[Hallvord R. M. Steen [:hallvors]]

This issue mystifies me so far.. testing on FxOS 1.1.
1) Without "Android" in UA string, the play button does nothing. This is probably due to sniffing in http://vidtech.cbsinteractive.com/h5/2_2_1/CBSI_PLAYER.js

2) Spoofing as Android the video still doesn't play. The player shows an error message about no compatible video source.  Now, some content on this site is served as M3U playlists (at least on iPhone), but for example http://www.giantbomb.com/videos/we-got-yer-console-farming-simulator-2013-launch-t/2300-7897/ creates a VIDEO element referencing the MP4 file directly:
http://v.giantbomb.com/2013/09/04/tr_framingsimulator_090413_1800.mp4
For some reason it still doesn't play, and trying to load that MP4 URL says the video file is corrupted..? It plays in VLC..

Comment 6

[Hallvord R. M. Steen [:hallvors]]

Attachment: 884280.htm

adb logcat output isn't very informative: 

E/GeckoConsole( 1208): [JavaScript Warning: "Media resource http://v.giantbomb.com/2013/09/04/tr_framingsimulator_090413_1800.mp4 could not be decoded." {file: "http://192.168.1.10/884280.htm" line: 0}]

The video in this attachment (warning: linked directly on the giantbomb server, might disappear) plays in Android stock browser, and Firefox on Android, but not on my Geeksphone Peak running FxOS 1.1.

Comment 7

[Hallvord R. M. Steen [:hallvors]]

Aaron, how's that attachment behaving for you? Do you get a more detailed log output?

Comment 8

[Aaron Train [:aaronmt]]

Sorry I didn't get to this sooner. No the video does not play, audio does work though

I/OMXClient( 8024): Using client-side OMX mux.
I/OMXCodec( 8024): OMXCodec::Create mime (video/avc), flags (4), matchComponentName ((null)), createEncoder (0)
I/OMXCodec( 8024): Attempting to allocate OMX node 'OMX.qcom.video.decoder.avc'
E/ViewRootImpl( 8024): sendUserActionEvent() mView == null
W/InputMethodManagerService(  701): Window already focused, ignoring focus gain of: com.android.internal.view.IInputMethodClient$Stub$Proxy@439be498 attribute=null, token = android.os.BinderProxy@42a0d9f0
I/OMXCodec( 8024): Successfully allocated OMX node 'OMX.qcom.video.decoder.avc'
I/OMXCodec( 8024): [OMX.qcom.video.decoder.avc] AVC profile = 77 (Main), level = 31
E/OMX-VDEC-1080P(  248): 
E/OMX-VDEC-1080P(  248):  No color conversion required
E/OMX-VDEC-1080P(  248): 
E/OMX-VDEC-1080P(  248):  No color conversion required
E/OMX-VDEC-1080P(  248): 
E/OMX-VDEC-1080P(  248):  No color conversion required
E/OMX-VDEC-1080P(  248): 
E/OMX-VDEC-1080P(  248):  No color conversion required
I/QCOMXCodec( 8024): Decoder should be in arbitrary mode
E/OMX-VDEC-1080P(  248): 
E/OMX-VDEC-1080P(  248):  No color conversion required
E/OMX-VDEC-1080P(  248): 
E/OMX-VDEC-1080P(  248):  No color conversion required
E/OMX-VDEC-1080P(  248): get_config: unknown param 117440527
I/OMXCodec( 8024): [OMX.qcom.video.decoder.avc] video dimensions are 1280 x 720
I/OmxPlugin( 8024): Unknown video color format: 0x7fa30c03
I/OmxPlugin( 8024): Falling back to software decoder
E/OMX-VDEC-1080P(  248): 
E/OMX-VDEC-1080P(  248):  Error in ioctl read next msg
E/        (  248): 
E/        (  248):  Destroy C2D instance
E/        (  248): 
E/        (  248):  Destroy C2D instance
I/OMXCodec( 8024): OMXCodec::Create mime (video/avc), flags (c), matchComponentName ((null)), createEncoder (0)
I/OMXCodec( 8024): Attempting to allocate OMX node 'OMX.google.h264.decoder'
E/OMXMaster( 8024): A component of name 'OMX.qcom.audio.decoder.aac' already exists, ignoring this one.
I/OMXCodec( 8024): Successfully allocated OMX node 'OMX.google.h264.decoder'
I/OMXCodec( 8024): [OMX.google.h264.decoder] AVC profile = 77 (Main), level = 31
I/QCOMXCodec( 8024): Decoder should be in arbitrary mode
I/OMXCodec( 8024): [OMX.google.h264.decoder] video dimensions are 320 x 240
I/OMXCodec( 8024): [OMX.google.h264.decoder] Crop rect is 320 x 240 @ (0, 0)
I/OMXCodec( 8024): [OMX.google.h264.decoder] OMXCodec::start mState=1
W/MetaData( 8024): MetaData::findData() - return false
I/OMXCodec( 8024): [OMX.google.h264.decoder] allocating 8 buffers of size 1572864 on input port
I/OMXCodec( 8024): [OMX.google.h264.decoder] allocating 2 buffers of size 115200 on output port
I/OMXCodec( 8024): [OMX.google.h264.decoder] Now Idle. Component sends idle done Event 
I/OMXCodec( 8024): OMXCodec::Create mime (audio/mp4a-latm), flags (0), matchComponentName ((null)), createEncoder (0)
I/OMXCodec( 8024): Attempting to allocate OMX node 'OMX.SEC.aac.dec'
I/OMXCodec( 8024): Successfully allocated OMX node 'OMX.SEC.aac.dec'
I/OMXCodec( 8024): OMXCodec::configureCodec 2 + 48000 ++ 
I/OMXCodec( 8024): OMXCodec::configureCodec OutCh  2 + 0 ++ 
I/OMXCodec( 8024): [OMX.SEC.aac.dec] OMXCodec::start mState=1
W/MetaData( 8024): MetaData::findData() - return false
I/OMXCodec( 8024): [OMX.SEC.aac.dec] allocating 5 buffers of size 1572864 on input port
I/OMXCodec( 8024): [OMX.SEC.aac.dec] allocating 9 buffers of size 24576 on output port
I/SEC_BASE_COMP(  248): SEC_OMX_ComponentStateSet: Cur(1) -> Dest(2)
I/OMXCodec( 8024): [OMX.SEC.aac.dec] Now Idle. Component sends idle done Event 
I/SEC_BASE_COMP(  248): SEC_OMX_ComponentStateSet: Cur(2) -> Dest(3)
I/OmxPlugin( 8024): rotation not available, assuming 0
I/OmxPlugin( 8024): width: 320 height: 240 component: OMX.google.h264.decoder format: 0x13 stride: 320 sliceHeight: 240 rotation: 0 crop: 0,0-319,239
E/SoftAVC ( 8024): Decoder failed: -2
E/OMXCodec( 8024): [OMX.google.h264.decoder] ERROR(0x80001001, -1007)
I/OmxPlugin( 8024): mVideoSource ERROR 0x80000000
I/OmxPlugin( 8024): mVideoSource ERROR 0x80000000
I/NuCachedSource2( 8024): ERROR_END_OF_STREAM

I/OmxPlugin( 8024): Unknown video color format: 0x7fa30c03

This is the same as bug 866080 which has been broken forever.

Comment 9

[Hallvord R. M. Steen [:hallvors]]

Thanks Aaron. I'll set 866080 as a blocker for this one - we still need to contact Giantbomb about fixing the sniffing later on, but there's no point in doing so until 866080 is fixed.