Web-bugs: courses.wesbos.com - video or audio doesn't play

[armenzg]

URL: https://courses.wesbos.com/account/access/5a620e43a6b56c55273b0d9e/view/249523152

Browser / Version: Firefox Mobile 59.0
Operating System: Android 7.0
Tested Another Browser: No

Problem type: Video or audio doesn't play
Description: Video doesn't play
Steps to Reproduce:
I'm trying Wes Bos' CSS grid on my Android phone using Nightly and it does not play any videos (the videos maximize but don't play).

_From webcompat.com with ❤️_

[miketaylr]

I'm trying Wes Bos' CSS grid on my Android phone using Nightly and it does not play any videos (the videos maximize but don't play).

@wesbos can you share details on your streaming setup? thxx

[wesbos]

Vimeo Embed

[wesbos]

This sometimes happens when people are blocking cookies from Vimeo. At least on desktop with users who have privacy badger. The cookies are needed to restrict the videos to certain domains

[karlcow]

@armenzg are you blocking cookies or have an adblocker?

[armenzg]

No, I don't. The only addon I have is bitwarden and the OpenH264 codec.
I can actually see a frame of the video but no playing or filling up of the progress bar.
I've also made sure that I'm up-to-date, however, the bug still around.

When I try this page on Android's Chrome the video won't play until I press the pause button once and then the play button.

@wesbos have you had a chance to test it from your phone? I'm using FirefoxNightly from the Play Store.

Anyway I can debug this on my side?

[wesbos]

I'm digging into my box of phones to find one that will run the latest - will report back

[miketaylr]

Anyway I can debug this on my side?

@armenzg if you set up a remote debugging session, are there any obvious console or HTTP errors?

[armenzg]

I tried following this:
https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_over_Wifi

I didn't see anything interesting on the network:
https://cl.ly/3k2i3X453A24

Here's the output I've got:

Will mount!
raven.js:80:12
did mount!
raven.js:80:12
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&email=info%40armenzg.com&tags[]=logged-in&user_id=5a621213a6b56c55273b0e60&callback=Drip_100245031
raven.js:80:12
The resource at “https://www.google-analytics.com/analytics.js” was blocked because tracking protection is enabled.[Learn More]
5a620e43a6b56c55273b0d9e
Loading failed for the <script> with source “https://www.google-analytics.com/analytics.js”.
5a620e43a6b56c55273b0d9e:1
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&latest_video_watched=1%20-%20Welcome!&callback=Drip_212982117
raven.js:80:12
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&email=info%40armenzg.com&tags[]=started&tags[]=started-GRID&latest_course=CSS%20Grid&latest_course_code=GRID&latest_course_product=GRID1&callback=Drip_943045437
raven.js:80:12
Ready!
raven.js:80:12
Request for fullscreen was denied because Element.requestFullscreen() was not called from inside a short running user-generated event handler.
player.js:18:11656
Source map error: request failed with status 404
Resource URL: https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.css
Source Map URL: foundation.css.map[Learn More]
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&email=%23%7Buser.email%7D&tags[]=logged-in&callback=Drip_245337992
raven.js:80:12
unmount!
raven.js:80:12
Will mount!
raven.js:80:12
did mount!
raven.js:80:12
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&latest_video_watched=2%20-%20Starter%20Files%20and%20Tooling%20Setup&callback=Drip_307663039
raven.js:80:12
Ready!
raven.js:80:12
Request for fullscreen was denied because Element.requestFullscreen() was not called from inside a short running user-generated event handler.

[karlcow]

@armenzg Thanks for the additional info.
The network is indeed clear.

Ah! Could you deactivate Tracking Protection and try again? I see for example.

The resource at “https://www.google-analytics.com/analytics.js” was blocked because tracking protection is enabled.[Learn More]

[armenzg]

Thanks for noticing that. I've running again w/o Tracking protection and the issue still around.

Will mount!
raven.js:80:12
did mount!
raven.js:80:12
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&email=info%40armenzg.com&tags[]=logged-in&user_id=5a621213a6b56c55273b0e60&callback=Drip_938035079
raven.js:80:12
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&latest_video_watched=1%20-%20Welcome!&callback=Drip_76460208
raven.js:80:12
Initiating JSONP request to https://api.getdrip.com/client/identify?account_id=8829021&time_zone=America%2FNew_York&visitor_uuid=9a11d2e0df5d0135f346128b60e5768c&email=info%40armenzg.com&tags[]=started&tags[]=started-GRID&latest_course=CSS%20Grid&latest_course_code=GRID&latest_course_product=GRID1&callback=Drip_103545694
raven.js:80:12
Ready!
raven.js:80:12
Request for fullscreen was denied because Element.requestFullscreen() was not called from inside a short running user-generated event handler.

[softvision-sergiulogigan]

I'll move this into Needs Diagnosis, for now.

[softvision-sergiulogigan]

A paid account is needed in order to see details (such as videos) of a course.
@armenzg I wonder if the issue is still around. Can you please verify?

[wesbos]

You can use a free course such as cssgrid.io

[softvision-sergiulogigan]

Thanks, @wesbos for the hint!
@armenzg The video plays on my side:

Tested on Huawei P10, Android 7.0 and Nightly 61, with both uBlock Origin, Do Not Track and Tracking protection Enabled.

[armenzg]

It is working now. Thanks for checking!