We are going to talk about how to insert videos using the new HTML5 video tag
This process is not quite as simple as you might think
Not all browsers support HTML5 video, and even those that do need different versions of movie formats in order to run at least at this point in time
We are going to create a page that contains a movie that will work in all browsers, but it does take some code to do this
I have some different formats in this lessons course files so be sure to download and use the files for this chapter from the Exercise Files tab below the video, the movies are in the movies folder
Create a new page called html5-video.html
We will start using the Dreamweaver insert for HTML5 video, but I have more information for you about working with HTML5 videos within the text file called movie-coding.txt
This chapter contains a folder called movies, and that is what will be used in this lesson
HTML5 offers a new tag to handle video directly within the browser, or at least within some browsers
The problem is that not all browsers support the same video file
We will insert 3 different movie formats, and use a Flash video as a fallback for older browsers
Inserting a HTML5 Video
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.