Hide Autoplay Videos That Aren’t Muted

This is a great trick for a custom user stylesheet. Avoid overloading a user with sound from a video that autoplays when the page is loaded. If the sound isn’t muted, don’t show the video:

  1. video[autoplay]:not([muted]) {
  2.   display: none;
  3. }

Once again, we’re taking advantage of using the :not() pseudo-class.