5 Rules For Using Audio/Video Media on Your Site

By  on  

I don't create many sites that feature multimedia. Most of my customers don't have a need for audio or video on their site but we occasionally get a request to add an advertisement or webinar. That said, I've scoured the internet enough to have seen good, bad, and ugly uses of multimedia on the web. The following are my guidelines for using multimedia on a website.

Avoid Autoplay

Autoplay is a touchy subject. From my experience, autoplay isn't the way to go. A user could enter the page and walk away from their computer. The volume on the user's computer could be too high or too low and the autoplay could blast them out before they can adjust their volume. Additionally, autoplay could be a waste of bandwidth. Unless you run a video site like YouTube or MetaCafe, don't use autoplay.

Always Give Stop, Pause, and Volume Controls

I've actually found myself on websites that autoplay media and don't provide stop, pause, and volume controls. Needless to say, not providing media player controls is a terrible practice.

Make the Media Player Easy to Find

There's nothing worse than hitting a page with a lame song or video playing and not knowing where the hell to turn the thing off. Place your media players in an easy to find area on your site. Burying this media player on the page will only guarantee that your user sets the record for quickest "back button" click ever.

Quality -- Everything or Nothing

I can't stand when a video or audio snippet is placed on a website to support an article but the media is of such poor quality that they actually damage the article's credibility. Provide quality video, even at the expense of load time -- I'll wait for something good.

Warn Users About NSFW Material

Unless your website is clearly NSFW as a whole, clearly label any audio or video "NSFW" (and definitely DO NOT auto play this material). Failing to warn users about NSFW material can get the in trouble at work or at home and that will make for one pissed off former user.

Recent Features

  • By
    Interview with a Pornhub Web Developer

    Regardless of your stance on pornography, it would be impossible to deny the massive impact the adult website industry has had on pushing the web forward. From pushing the browser's video limits to pushing ads through WebSocket so ad blockers don't detect them, you have...

  • By
    How I Stopped WordPress Comment Spam

    I love almost every part of being a tech blogger:  learning, preaching, bantering, researching.  The one part about blogging that I absolutely loathe:  dealing with SPAM comments.  For the past two years, my blog has registered 8,000+ SPAM comments per day.  PER DAY.  Bloating my database...

Incredible Demos

  • By
    New MooTools Plugin:  ElementFilter

    My new MooTools plugin, ElementFilter, provides a great way for you to allow users to search through the text of any mix of elements. Simply provide a text input box and ElementFilter does the rest of the work. The XHTML I've used a list for this example...

  • By
    CSS Scoped Styles

    There are plenty of awesome new attributes we've gotten during the HTML5 revolution:  placeholder, download, hidden, and more.  Each of these attributes provides us a different level of control over an element on the page, but there's a new element attribute that allows...

Discussion

  1. Is it a good idea to incorporate videos on blogs? I have seen so many people doing it but generally they fail to link them with the theme of the blog.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!