From the course: View Source
Unlock this course with a free trial
Join today to access over 22,500 courses taught by industry experts.
012 Embedding videos for all browsers and devices
From the course: View Source
012 Embedding videos for all browsers and devices
Hello! This is Ray Villalobos and welcome to View Source. In this episode, I'm going to show you how to create a page that serves video to regular browsers and iOS devices without having to recompress the files in multiple formats. How is that possible? Let's View Source. HTML5 tags are revolutionary. Theoretically, it's possible to embed video or audio in a web site by adding a simple tag that's as easy to use as the image tag. The problem with using this tag is that older browsers do not support the media tags, but there's another problem. Newer browsers do not support the same format. Almost every major browser supports a slightly different file format. So if you want to show one video to every browser, you might have to encode files in WebM, Ogg, and MP4. Here I have what should be the way all browsers work; you have a simple video tag that links with the source attribute to a file on your site. You specify a width and a height and controls, so that shows the controls that people…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
- 002_BrdCrmWP.zip
- 002_BrdCrmWP_Free.zip
- 003_CDNSpdup.zip
- 003_CDNSpdup_Free.zip
- 004_PhtRotjQ.zip
- 004_PhtRotJQ_Free.zip
- 006_DtepckJQ.zip
- 006_DtepckJQ_Free.zip
- 008_WrkGMAPI.zip
- 008_WrkGMAPI_Free.zip
- 009_twittsrch.zip
- 010_AddPPbttn.zip
- 010_AddPPbttn_Free.zip
- 011_YTVidfeed.zip
- 011_YTVidfeed_Free.zip
- 012_Embdvidsdev.zip
- 012_Embdvidsdev_Free.zip
- 013_PhtGallJQ.zip
- 013_PhtGallJQ_Free.zip
- 015_LstfilPHP.zip
- 015_LstfilPHP_free.zip
- 016_ExPgDynJQAJ.zip
- 016_ExPgDynJQAJ_free.zip
- 017_UpfilePHP.zip
- 017_UpfilePHP_free.zip
- 018_EmbdImgCSS.zip
- 018_EmbdImgCSS_free.zip
- 019_Cntcach.zip
- 019_Cntcach_Free.zip
- 020_TgglBttJQ.zip
- 020_TgglBttJQ_Free.zip
- Exercise_Files_for_Movies_001_020.zip
- Free_Exercise_Files_for_Movies_001_020.zip