www.wired.com - Video doesn't play

[lparsons]

URL: https://www.wired.com/story/watch-a-robot-dog-learn-how-to-deftly-fend-off-a-human/amp

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

Problem type: Video or audio doesn't play
Description: The video or audio does not play
Steps to Reproduce:
The inline videos are just static images on Firefox.

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note:

1. The issue is not reproducible on Chrome.
2. The issue is reproducible regardless if ETP is enabled or not, and regardless of the selected "Auto-play" option.

Affected area:

<amp-video autoplay="" height="338" layout="responsive" loop="" poster="[object Object]" sizes="(min-width: 600px) 600px, 100vw" width="600" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-media-component i-amphtml-video-interface i-amphtml-built i-amphtml-layout" i-amphtml-layout="responsive" style="width: 100vw;">
	<i-amphtml-sizer slot="i-amphtml-svc" style="padding-top: 56.3333%;"></i-amphtml-sizer>
	<amp-anim src="https://media.wired.com/clips/5fe10678513fd98d47afab16/master/pass/Science_yang2.mp4.gif" width="600" height="338" alt="" layout="fill" class="i-amphtml-element i-amphtml-layout-fill i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" i-amphtml-layout="fill" style="--loader-delay-offset:181ms !important;">
		<amp-img src="[object Object]" width="600" height="338" alt="" placeholder="true" layout="fill" class="i-amphtml-element i-amphtml-layout-fill i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout amp-hidden amp-notsupported" i-amphtml-layout="fill" i-amphtml-auto-lightbox-visited="">
			<img decoding="async" alt="" src="[object Object]" class="i-amphtml-fill-content i-amphtml-replaced-content i-amphtml-ghost">
			</amp-img>
			<img decoding="async" alt="" class="i-amphtml-fill-content i-amphtml-replaced-content" src="https://media.wired.com/clips/5fe10678513fd98d47afab16/master/pass/Science_yang2.mp4.gif">
			</amp-anim>
			<video playsinline="" webkit-playsinline="" class="i-amphtml-fill-content i-amphtml-replaced-content" loop="" poster="[object Object]">
				<source type="video/mp4" src="https://media.wired.com/clips/5fe10678513fd98d47afab16/master/pass/Science_yang2.mp4.mp4">
					<source type="video/webm" src="https://media.wired.com/clips/5fe10678513fd98d47afab16/master/pass/Science_yang2.mp4.webm">
					</video>
					<i-amphtml-video-icon class="amp-video-eq">
						<div class="amp-video-eq-col">
							<div class="amp-video-eq-filler amp-video-eq-1-1"></div>
							<div class="amp-video-eq-filler amp-video-eq-1-2"></div>
						</div>
						<div class="amp-video-eq-col">
							<div class="amp-video-eq-filler amp-video-eq-2-1"></div>
							<div class="amp-video-eq-filler amp-video-eq-2-2"></div>
						</div>
						<div class="amp-video-eq-col">
							<div class="amp-video-eq-filler amp-video-eq-3-1"></div>
							<div class="amp-video-eq-filler amp-video-eq-3-2"></div>
						</div>
						<div class="amp-video-eq-col">
							<div class="amp-video-eq-filler amp-video-eq-4-1"></div>
							<div class="amp-video-eq-filler amp-video-eq-4-2"></div>
						</div>
					</i-amphtml-video-icon>
				</amp-video>

Tested with:
Browser / Version: Firefox Nightly 210106 (🦎 86.0a1-20210106093742)
Operating System: Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density), Huawei P20 Lite (Android 8.0.0) - 1080 x 2280 pixels, 19:9 ratio (~432 ppi density)

Moving to Needsdiagnosis for further investigation.

[ksy36]

Muted videos currently do not autoplay on Firefox for Android, this is work in progress.

More information: mozilla-mobile/fenix#16557 (comment)
Also mozilla-mobile/fenix#16557

To change the default setting:
Tap 3 dot menu > Settings > Site permissions > Autoplay > Block audio only