940313 - mtv.com: No video in Firefox OS or Firefox on Android

Status: RESOLVED WONTFIX

(Web Compatibility :: Site Reports, defect, P5)

Description

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

Site: http://m.mtv.com/videos/video.rbml?id=mgid:uma:video:mtv.com:968635&source=musicvideos
mtv.com: No video in Firefox OS or Firefox on Android

:: Steps To Reproduce

Reason is here:
var you = navigator.userAgent;
if (you.indexOf("like Mac OS X") !== -1 || you.match(/android 4.[1-9]/i)) {
document.getElementById("video-player").innerHTML = "";
var mediaUri = "mgid:uma:video:mtv.com:968635";
var width = document.documentElement.offsetWidth;
var height = width * .5625;
var flashvars = {sid:"MTV_Videos_Mobile_Web"};
var player1 = new MTVNPlayer.Player("video-player", {
width: width,
height: height,
uri: mediaUri,
flashVars: flashvars, 
params:{wmode:"opaque",
allowScriptAccess:"always",
allowFullScreen:true}
});
document.getElementById("errorContainer").className = "hidden";


:: Expected Result

video

:: Actual Result

no video

:: Additional Information

Software Version: 1.1
Reporter's User Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3

Comment 1

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

When it fails, it shows this error message:

"SORRY - This video is not yet available for your device"

It works fine in Android stock browser on the very same device though..

Comment 2

[Karl Dubost💡 :karlcow]

Hallvors,

I see the UA sniffing for 
   Mac OS X or Android > 4.0

What would be a better way to detect the video? 

(Interesting on Mac OS X I get the error message too "SORRY - This video is not yet available for your device!" with the URI http://m.mtv.com/videos/video.rbml?id=mgid:uma:video:mtv.com:968635&source=musicvideos but if I navigate the video is working. For example
http://unicorn-dl.mtvnservices.com/now/stitched/mp4/31e0061b-9a2a-4287-9acf-0a2917574471/00000000-0000-0000-0000-000000000000/3a41c6e4-93a3-4108-8995-64ffca7b9106/d0170282-f38a-4c0e-bd46-2c8d48be1749/0/0/30/-1566275580/content.mp4 )


hmmm…

On Firefox OS 1.1 on ZTE device, 

Going to http://m.mtv.com/ I have the mobile site, I can navigate to videos. Select video, select music videos, select the 1st one. Get the error message. "SORRY - This video is not yet available for your device!"

Going back twice. Select Movies video. Select the first one. Getting the screen for the video. Touch the arrow. Getting an error message "Video can't be played because the file is corrupt".


So it seems there's more than one issue there. :)

Comment 3

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

1) For detecting video support, I would recommend relying on canPlayType() (I know about the FxOS 1.0 bug but I hope our upgrade story is good enough to make that a transitional problem)

2) Which video was this exactly? URL?

3) MTV seems inconsistent between the various categories of video. Going to "news video" I got markup that linked to an MP4 file, I could watch it on the Geeksphone Peak. Going to "Music video" still gives me an error from the sniffing.

Comment 4

[Karl Dubost💡 :karlcow]

Tried to contact Viacom (MTV owner) through http://www.viacom.com/pages/contact.aspx

Comment 5

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

nick.com is running a script that calls itself MTVNPlayer. Inline it also contains just the same source I refer to above. Bug 966868 on that.

Comment 6

[Karl Dubost💡 :karlcow]

We have established contact, thanks a lot to @shefik_info  http://twitter.com/MozWebCompat/status/482050459155189760

Comment 7

[Karl Dubost💡 :karlcow]

Could someone in USA, test this?
From Japan I'm unable to access the videos. Filtering based on location.

Comment 8

[Mike Taylor [:miketaylr]]

On Firefox for Android I get "A plugin is needed to display this content." So, they're trying to serve us Flash content. On B2G I just have a blank video container, I guess we don't show a similar message on that platform.

Comment 9

[Karl Dubost💡 :karlcow]

Attachment: Capture d’écran 2015-11-18 à 10.35.30.png

On Android "our bad - This website requires at least Android 4.3 and Chrome browser to view videos"

The code sending this sentence is:

    {
      'target': 'unsupportedSlate',
      'getter': function (data) {
        var unsupportedSlate = {
          'header': 'OUR BAD',
          'description': 'This video is not available on this device'
        },
        userAgent = navigator.userAgent;
        if (data.result.promo.parameters && data.result.promo.parameters.langUnsupportedSlateHeader !== false && typeof (data.result.promo.parameters.langUnsupportedSlateHeader) !== 'undefined') {
          unsupportedSlate.header = data.result.promo.parameters.langUnsupportedSlateHeader;
        }
        if (data.result.promo.parameters && data.result.promo.parameters.langUnsupportedSlateDescription !== false && typeof (data.result.promo.parameters.langUnsupportedSlateDescription) !== 'undefined') {
          unsupportedSlate.description = data.result.promo.parameters.langUnsupportedSlateDescription;
        }
        if (/iP(hone|ad)/i.test(userAgent)) {
          unsupportedSlate.description = 'This website requires at least iOS 6 to view videos';
          if (data.result.promo.parameters && data.result.promo.parameters.langUnsupportedSlateDescriptioniOS !== false && typeof (data.result.promo.parameters.langUnsupportedSlateDescriptioniOS) !== 'undefined') {
            unsupportedSlate.description = data.result.promo.parameters.langUnsupportedSlateDescriptioiOS;
          }
        } else if (/Android/i.test(userAgent)) {
          unsupportedSlate.description = 'This website requires at least Android 4.3 and Chrome browser to view videos';
          if (data.result.promo.parameters && data.result.promo.parameters.langUnsupportedSlateDescriptionAndroid !== false && typeof (data.result.promo.parameters.langUnsupportedSlateDescriptionAndroid) !== 'undefined') {
            unsupportedSlate.description = data.result.promo.parameters.langUnsupportedSlateDescriptionAndroid;
          }
        }
        return unsupportedSlate;
      }


Once I fake the chrome UA I get the sign-in menu

Comment 10

[Karl Dubost💡 :karlcow]

Switching back to needscontact

Comment 11

[Karl Dubost💡 :karlcow]

Could someone in the USA, test this site again?
http://m.mtv.com/videos/video.rbml?id=mgid:uma:video:mtv.com:968635&source=musicvideos


With Chromium Android UA, I'm being redirected to
http://www.mtv.com/videos/hunter-hayes/968635/everybodys-got-somebody-but-me-featuring-jason-mraz.jhtml
I still have "Sorry, this video is unavailable in your country."

With Firefox Android UA, I'm also redirected to
http://www.mtv.com/videos/hunter-hayes/968635/everybodys-got-somebody-but-me-featuring-jason-mraz.jhtml
But with an additional message.

> ERROR: Possible problem with your *.gwt.xml module file.
> The compile time user.agent value (safari) does not match 
> the runtime user.agent value (gecko1_8). Expect more errors.

coming from media.mtvnservices.com

The error message about the country is the same after.

I have the feeling the mobile site doesn't exist anymore.

Comment 12

[Mike Taylor [:miketaylr]]

Hey Karl, it appears m.mtv.com redirects to mtv.com (they have what looks like a responsive site now) for both Chrome Mobile and Fennec. I do get the alert w/ the gwt.xml file... which is possibly related to our UA string changes.

If I spoof as Android browser, there's no alert and an ad plays. After that, a blank video w/ the following error message:

HTTP "Content-Type" of "application/vnd.apple.mpegurl" is not supported. Load of media resource https://cp107857-f.akamaihd.net/i/mtvnorigin/gsp.originmusicstor/sites/mtvi/music_videos/h/hayes_hunter/cm_everybodys_got_somebody_but_me_full_,384x216_150_b30,384x216_400_m30,512x288_750_m30,640x360_1200_m30,768x432_1700_m30,960x540_2200_m31,.mp4.csmil/master.m3u8?hdnea=st%3D1448905024%7Eexp%3D1448919424%7Eacl%3D%2Fi%2Fmtvnorigin%2Fgsp.originmusicstor%2Fsites%2Fmtvi%2Fmusic_videos%2Fh%2Fhayes_hunter%2Fcm_everybodys_got_somebody_but_me_full_%2C384x216_150_b30%2C384x216_400_m30%2C512x288_750_m30%2C640x360_1200_m30%2C768x432_1700_m30%2C960x540_2200_m31%2C.mp4.csmil%2F*%7Ehmac%3D5ee3c6c723147f2123e612f2acdcc9f755cf80f1d0a0a8b60217557dafe61c2f&__a__=off&__b__=450&__viacc__=NONE failed.

So there's a few problems it looks like:

1) UA sniffing misconfiguration
2) M3u8/HLS support.

Comment 13

[Karl Dubost💡 :karlcow]

ok so you get the same behavior than me for the redirection. That's good. 
Changing the URL of the page to test.


Adding the dependency on M3u8

Comment 14

[Karl Dubost💡 :karlcow]

The Firefox OS project is not active anymore at Mozilla.