0:07 hi this is ryan from wrap we are
0:09 classroom calm and i'd like to introduce
0:10 you to the html5 video stack from joe
0:13 hartmann the stack is used to display
0:15 and present video on your website and it
0:17 uses the html5 video player in any
0:20 browser that will accept that player now
0:22 for older browsers or browsers that do
0:24 not support html5 it will fall back to a
0:27 flash player so it's very flexible in
0:29 how it presents your video and all of
0:31 the adjustments are made through the
0:32 inspector hut in this stack you can see
0:35 how it looks here in edit mode and let's
0:36 jump into the inspector hut where we
0:38 will adjust our settings so first you
0:40 need to tell the stack where your video
0:42 is located and so in this instance I've
0:44 added a video file to my resources here
0:46 in rapidweaver now you need to be using
0:48 an h.264 compatible video and so I've
0:52 got an mp4 called overview mp4 and I'm
0:55 going to use the resource macro and
0:57 rapidweaver to link to that file you can
1:00 also host your file online and then put
1:03 the full URL to that file in that field
1:07 as well next we have a fuel for OGG
1:10 video this is the format that Firefox
1:13 uses for html5 so if you like Firefox to
1:16 display your video with an html5 player
1:18 you'll want to encode your video using
1:20 OGG and then also put a link to that
1:23 version of your video file in this field
1:26 otherwise Firefox will fall back to a
1:28 flash player to display your video you
1:31 will also need to know the settings of
1:33 width and height the dimensions of your
1:35 video so I'm going to set mine here
1:37 which is 546 by 308 and then finally we
1:41 have a few options available autoplay
1:42 which will do that as soon as the page
1:45 loads it will begin to play the video
1:46 loop will restart the video from the
1:50 beginning once it completes show
1:51 controls allows the user to hit play and
1:53 pause and adjust volume and the auto
1:56 buffer for longer videos can be helpful
1:58 to buffer the video before it begins to
2:01 play so that it will not pause in the
2:03 middle finally if you would like to add
2:05 a poster image this is a static image
2:07 that displays before the video is played
2:09 and this is useful if you're not using
2:11 autoplay selecting that
2:13 Shin places an image drop zone directly
2:16 into the stack so I'm going to take a
2:18 poster image that I've created and place
2:20 it right here so that is an overview of
2:23 all of the settings let's jump into
2:24 preview and you will see how this looks
2:26 as you can see the html5 player is
2:30 loaded here we can see the controls
2:31 which include play and pause and the
2:34 volume controls and I do not have it set
2:37 to auto place so at the time I am seeing
2:39 the poster image and then I would hit
2:41 play to load the video and begin and so
2:44 that is the html5 video stack from Joe
2:46 Ortman"}]