1310066 - Clicking on full-screen on NPR.org video doesn't make it full screen but restarts it instead

Status: RESOLVED WONTFIX

(Web Compatibility :: Site Reports, defect, P3)

Description

[Ritu Kothari (:ritu) (Inactive, please n-i to RyanVM, jcristau, or pascal)]

OS: Windows 10, Firefox version: 50.0b6, 51.0a2

STR:
1. Open a new tab.
2. Go to URL: http://www.npr.org/2016/10/13/497817419/michelle-obama-trump-comments-have-shaken-me-to-my-core1&utm_source=facebook.com&utm_medium=social&utm_campaign=npr&utm_term=nprnews&utm_content=2039

Problem #1:
In 50.0b6, the play button remains greyed out and the video windows keep showing "Buffering..." forever.

Problem #2:
In 51.0a2, I can play the video but every time I click on full screen, instead of making the video full screen, the video seems to be getting slightly re-positioned and the video restarts.

When I click on the icon to open the video in a new window and then click on full-screen, it goes into the endless "Buffering..." mode.

I was able to play this video fine with Edge and go into full screen mode.

Comment 1

[Xidorn Quan [:xidorn] UTC+10]

It's weird that this site uses Flash player for 51.0a2, but use <video> for 49.0.1. And it uses Flash on all version on my Mac.

So after looking into the code, I think that it does not go to fullscreen because it doesn't add "allowfullscreen" attribute to the iframe which includes the video. It wouldn't work in any browser in that way. And the restart of the video seems to be triggered by the website as well, for choosing a different quality to serve.

I think this is an issue of the website, not ours.

It works properly on Chrome and other versions of Firefox because they serve Flash for them, which isn't restricted by the "allowfullscreen" attribute.

Comment 2

[Adam Stevenson [:adamopenweb]]

I'm able to reproduce this in Firefox 51 for OSX with flash disabled. Setting allowfullscreen on the iframe let's the video go to full screen, but as mentioned the video restarts after.

Comment 3

[Mike Taylor [:miketaylr]]

Adam, can we get in touch with NPR and ask them to add the allowfullscreen attribute? I can't reproduce the restart issue -- after toggling back and forth between fullscreen and not, it buffers and briefly shows the poster image, but it resumes back where I was when it presumably selects the right source.

Comment 4

[Adam Stevenson [:adamopenweb]]

Sent an email to Wesley Lindamood with details of this report.
https://github.com/lindamood

Setting to sitewait.

Comment 5

[Adam Stevenson [:adamopenweb]]

Our contact has alerted the correct team at NPR of this issue.

Comment 6

[Mike Taylor [:miketaylr]]

Great, thanks!

Comment 7

[Adam Stevenson [:adamopenweb]]

So NPR is simply embedding the video from CSPAN. Here's the source:
https://www.c-span.org/video/?416885-1/michelle-obama-speaks-latest-allegations-donald-trump

CSPAN is doing detection for flash. What's interesting though, is if you have flash enabled when you visit CSPAN, the embed link is different from when flash is disabled.

Flash enabled:
<iframe frameborder='0' width='512' height='330' scrollable='no' src='https://www.c-span.org/video/standalone/?416885-1/michelle-obama-speaks-latest-allegations-donald-trump'></iframe>

Flash disabled:
<iframe width=512 height=330 src=//www.c-span.org/video/standalone/?416885-1 allowfullscreen=allowfullscreen frameborder=0></iframe>

I will reach out to CSPAN to let them know of the issue. I've also asked NPR if they'd be willing to update their CSPAN embed links.

Comment 8

[Mike Taylor [:miketaylr]]

Still an issue, but the video doesn't restart anymore when attempting to toggle fullscreen.

Comment 9

[Mike Taylor [:miketaylr]]

I'm gonna suggest we close this now, Chrome doesn't get the flash version anymore, and their behavior matches ours.

New pages use Youtube embeds, which fullscreen properly. Thanks for the bug Ritu.