histography.io - site is not usable

[webcompat-bot]

URL: https://histography.io/browser_support.htm

Browser / Version: Firefox Mobile 63.0
Operating System: Android
Tested Another Browser: Yes

Problem type: Site is not usable
Description: Unsupported in Firefox
Steps to Reproduce:
The site says it's not compatible with my current browser (both Fennec Nightly and Focus). It suggests Chrome or Safari.

Browser Configuration

• None

From webcompat.com with ❤️

[haseebgit]

I'm able to reproduce the issue

Firefox 64.0, Chrome 69.0, Android 8.1

[karlcow]

This is a duplicate of #1804
And is supposed to have been solved by https://bugzilla.mozilla.org/show_bug.cgi?id=1457335

but indeed I can reproduce on Firefox Nightly 65.
We should put it back on needsdiagnosis.

[karlcow]

In the console, we can see

NotAllowedError: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

from https://histography.io/
it navigates to http://histography.io/mobile.htm
then it shows the error message.

    var ot = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor),
        nt = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor),
        it = /Safari/.test(navigator.userAgent) && /Googlebot/.test(navigator.vendor),
        rt = {
            Android: function() {
                return navigator.userAgent.match(/Android/i)
            },
            BlackBerry: function() {
                return navigator.userAgent.match(/BlackBerry/i)
            },
            iOS: function() {
                return navigator.userAgent.match(/iPhone|iPad|iPod/i)
            },
            Opera: function() {
                return navigator.userAgent.match(/Opera Mini/i)
            },
            Windows: function() {
                return navigator.userAgent.match(/IEMobile/i)
            },
            any: function() {
                return rt.Android() || rt.BlackBerry() || rt.iOS() || rt.Opera() || rt.Windows()
            }
        };
    rt.any() && (window.location = "mobile.htm"), ot || nt || it || (window.location = "browser_support.htm");

rt.any() will return ["Android"]

so we are navigating to mobile.htm

That said it fails also in Chrome… so not sure it is working in any mobile browsers 👺

[karlcow]

not working in Safari on iOS either.