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

ASSIGNED
Assigned to

Status

Tech Evangelism
Mobile
P5
normal
ASSIGNED
5 years ago
2 years ago

People

(Reporter: hallvors, Assigned: karlcow)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [mobile-compat-form][clientsniff][needscontact], URL)

Attachments

(1 attachment)

(Reporter)

Description

5 years ago
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
(Reporter)

Comment 1

5 years ago
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..
Status: UNCONFIRMED → NEW
Ever confirmed: true
Whiteboard: [mobile-compat-form] → [mobile-compat-form][clientsniff][contactready]
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. :)
Assignee: nobody → kdubost
Flags: needinfo?(hsteen)
(Reporter)

Comment 3

5 years ago
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.
Flags: needinfo?(hsteen)
Tried to contact Viacom (MTV owner) through http://www.viacom.com/pages/contact.aspx
Status: NEW → ASSIGNED
(Reporter)

Comment 5

5 years ago
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.
We have established contact, thanks a lot to @shefik_info  http://twitter.com/MozWebCompat/status/482050459155189760
Whiteboard: [mobile-compat-form][clientsniff][contactready] → [mobile-compat-form][clientsniff][sitewait]
Could someone in USA, test this?
From Japan I'm unable to access the videos. Filtering based on location.
Flags: needinfo?(miket)
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.
Created attachment 8688792 [details]
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
Switching back to needscontact
Whiteboard: [mobile-compat-form][clientsniff][sitewait] → [mobile-compat-form][clientsniff][needscontact]
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.
Flags: needinfo?(miket)
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.
Flags: needinfo?(miket)
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
Priority: -- → P5
You need to log in before you can comment on or make changes to this bug.