arstechnica.com - video or audio doesn't play

[webcompat-bot]

URL: https://arstechnica.com/gaming/2018/04/sci-fi-stunner-prospect-values-small-stories-in-a-galaxy-far-far-away/

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

Problem type: Video or audio doesn't play Description: Video loads, won't play, but stealz focus from site Steps to Reproduce:

From webcompat.com with ❤️

[haseebgit]

Thanks for the report.

I'm able to reproduce the issue but it similar behavior in chrome as well

Tested on: Firefox Mobile Nightly 61.0a1 (2018-04-07) Chrome for Mobile 65.0.3325.109 Moto G2 Android 6.0

[softvision-sergiulogigan]

Indeed, Nightly 61 opens a Video Playback overlay (which doesn't work), while Chrome doesn't.

The Console displays a media-related error:

I couldn't identify the overlay, within the Inspector.

[karlcow]

And fwiw the report was made with a desktop view, not the mobile view.

This is working in Safari. It starts with an Ad.

<iframe style="height:1px !important;left:0px;min-height:100%;min-width:100%;position:absolute;top:0px;width:1px !important;" frameborder="0" scrolling="no" allowfullscreen="true" msallowfullscreen="true" allowtransparency="true" title="Video Player"></iframe>

which contains:

<video class="vjs-tech" webkit-playsinline="" playsinline="playsinline" crossorigin="anonymous" id="vjs_video_3_html5_api" tabindex="-1" preload="metadata" src="https://dp8hsntg6do36.cloudfront.net/5ac394ce841c4b606e000015/bd024f95-6c3e-4222-a815-666fd89bc872manifest-ios.m3u8?videoIndex=0&amp;requester=oo" poster="https://dwgyu36up6iuz.cloudfront.net/heru80fdn/image/upload/c_fill,d_placeholder_arstechnica.png,fl_progressive,g_face,h_450,q_80,w_800/v1522767751/arstechnica_talking-prospect-with-filmmakers-zeek-earl-and-chris-caldwell.jpg" style=""><p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank" class="vjs-hidden" hidden="hidden">supports HTML5 video</a></p><track kind="captions" label="Captions" srclang="en" default="" id="player-captions" src="https://dp8hsntg6do36.cloudfront.net/5ac394ce841c4b606e000015/bd024f95-6c3e-4222-a815-666fd89bc872cc.vtt"></video>

There's a dependency on m3u8. https://dp8hsntg6do36.cloudfront.net/5ac394ce841c4b606e000015/bd024f95-6c3e-4222-a815-666fd89bc872manifest-ios.m3u8?videoIndex=0&requester=oo

If I enter directly the video link in Firefox this is working.

So there is something to explore indeed.

[miketaylr]

This is working for me in Nightly, the ad plays, then the clip with the filmmakers plays.