Join Steve Heffernan for an in-depth discussion in this video Configuring your server to deliver HTML5 media formats, part of HTML5: Video and Audio in Depth.
- View Offline
- Exercise Files
Before we get working with HTML5 video and audio, here is one step we need to…do to make sure our server is delivering the files correctly, and that is to add…the correct MIME types.…When a browser requests a file from the server along with the file data the…server will send information about the file in the response header.…This includes a MIME type, which basically identifies what type of file it is.…Unfortunately many servers by default will deliver the wrong MIME type for the…Ogg and WebM formats.…When this happens, HTML5 video won't work.…
So we need to correct this.…If your server is running Apache, which most likely it is, we just need to add or…edit the .htaccess file.…The .htaccess file lives at the root of your server.…For using the exercise files you can find a version in the 1-04 folder of the…exercise files and the htaccess.txt file, which is one I have here open, and you…can basically rename this file to .htaccess without the .txt at the end which is…the correct for the file that you will be uploading to the server.…
- Understanding the differences in media formats
- Preloading, autoplaying, and looping in HTML5
- Setting a video's width and height attributes
- Displaying subtitles and captions
- Generating embed code with an embed code builder
- Encoding files using HandBrake, Firefogg, and VLC
- Creating a load progress bar
- Recognizing Android and iOS issues
Skill Level Intermediate
1. Video and Audio Basics
Understanding the format war3m 53s
2. Embedding Video and Audio
3. Falling Back to Alternative Playback Methods
4. Encoding Audio and Video Files
6. Known Issues and Workarounds
7. Audio and Video in the Wild
Further exploration1m 40s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.