Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: encrypted content goes black in IE/Edge when video element focused #6318

Merged
merged 5 commits into from
Nov 19, 2019

Conversation

alex-barstow
Copy link
Contributor

@alex-barstow alex-barstow commented Nov 15, 2019

Description

Fixes #6270. This appears to be caused by an unreported browser bug. It also reproduces with shaka player if you call document.querySelector('video').focus() while playing back DRM content. For now, the only solution is simply to avoid calling videoEl.focus() in IE/Edge for DRM. This unfortunately may prevent hotkeys from working correctly in IE/Edge.

Specific Changes proposed

Modify the conditions under which we call this.player_.tech(true).focus() when the big play button is clicked.

package.json Outdated
@@ -153,6 +153,7 @@
},
"vjsstandard": {
"ignore": [
"build",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What type of errors were you seeing? I don't have any issues running the linter locally.

Copy link
Contributor Author

@alex-barstow alex-barstow Nov 16, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

My local build/ directory was somehow outdated. This is not needed so I removed it.

@@ -46,8 +47,16 @@ class BigPlayButton extends Button {

// exit early if clicked via the mouse
if (this.mouseused_ && event.clientX && event.clientY) {
const sourceIsEncrypted = this.player_.usingPlugin('eme') &&
this.player_.eme.sessions &&
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should probably either line up or be indented once

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah it was lined up in my editor but the indentation didn't carry over correctly for some reason. I'll figure it out.

@gkatsev gkatsev added the a11y This item might affect the accessibility of the player label Nov 19, 2019
@gkatsev gkatsev added the tested label Nov 19, 2019
@gkatsev
Copy link
Member

gkatsev commented Nov 19, 2019

Looks like any programmatic call to focus causes the video element to turn black.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y This item might affect the accessibility of the player tested
Projects
None yet
Development

Successfully merging this pull request may close these issues.

DRM content playback issue in IE11 and Edge
2 participants