From the course: Creating Web Media

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Inline video for iOS

Inline video for iOS - CSS Tutorial

From the course: Creating Web Media

Start my 1-month free trial Buy for my team

Inline video for iOS

“

- [Instructor] Hi, this is Chris Converse. And in this episode we'll set up an HTML5 video to play on an iOS device without going into full screen view. So if you'd like to follow along with me download the exercise files and we'll begin by opening the HTML file in the text editor. So once you have the HTML file opened down here in the body area I've put in an HTML comment called add video. Let's come in here and delete this and let's add in an HTM5 video element. So less than sign. Type in video. Then a space. We'll set the width to 100%. Then a space. We're going to set a poster frame. So we'll type poster equals two quotes. Let's end the video tag. Then inside of the value for poster type video forward slash about underscore us dot JPG. And then before the ending video tag let's come here and add in a control attribute. Then we'll come down here end the video element. And then inside we'll define our sources. So less than sign. Type in source. Then a space. Then SRC equals two…

Contents