When I add pointer-events:none; to video (just to temporarily disable controls), if focus is on play button, spacebar still triggers play.
-
is this intended behavior?
-
what would be the cleanest to prevent this? (possible without javascript?)
To replicate, on page load, click play video to get focus, wait few seconds for pointer-events then use spacebar.
<code>setTimeout(function(){
document.getElementById('video').classList.add('disabled')
},4000)</code>
<code>setTimeout(function(){
document.getElementById('video').classList.add('disabled')
},4000)</code>
setTimeout(function(){
document.getElementById('video').classList.add('disabled')
},4000)<code>.disabled{
pointer-events:none;
}</code>
<code>.disabled{
pointer-events:none;
}</code>
.disabled{
pointer-events:none;
}<code><video controls id="video">
<source src="https://media.w3.org/2010/05/sintel/trailer.mp4">
</video></code>
<code><video controls id="video">
<source src="https://media.w3.org/2010/05/sintel/trailer.mp4">
</video></code>
<video controls id="video">
<source src="https://media.w3.org/2010/05/sintel/trailer.mp4">
</video>