![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/65/62/00386265_medium.png)
Up and Running with HTML5 Video with Tom Green [repost]
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/65/62/00386265.png)
Up and Running with HTML5 Video
WEBRip | English | MP4 + Project Files | 960 x 540 | AVC ~87.8 Kbps | AAC | 128 Kbps | 48.0 KHz | 1 channel | 1h 50mn | 3.41 GB
Genre: Video Tutorial / Web design
HTML5 is a good choice if you're looking to embed video on your website, since visitors don't need any special plugins and HTML5 is becoming more widely supported by browsers. But the lack of a single accepted video codec does pose some challenges. In this course, Tom Green takes you through the history of video on the web, and shows you how to move forward with HTML5. Learn how to play a video stream on your website, set up autoplay and poster frames, and use alternatives like Adobe Dreamweaver and the JW Player to play back video. A series of Challenge and Solution videos give you a hands-on opportunity to practice what you've learned.Contents:
Welcome 2m 53s
Welcome 56s
Using the exercise files 1m 7s
Using the challenges 50s
1. How We Got into This Mess 10m 18s
A short history of web video 4m 42s
An even shorter history of HTML5 video 2m 59s
How we get out of this mess 2m 37s
2. HTML5 Video Primer 29m 57s
Understanding video containers 3m 35s
Investigating codecs 5m 17s
Exploring bitrate 4m 0s
Creating an MP4 video 9m 59s
Creating a WebM video 7m 6s
3. Showtime: Playing a Video Stream 28m 57s
Exploring the HTML5 video tag 6m 42s
Supporting multiple video formats 3m 35s
Preloading video 4m 15s
Setting up autoplay 2m 10s
Working with poster frames 2m 20s
Flash fallback 4m 15s
Challenge: Shooting and encoding HTML5 video 45s
Solution: Shooting and encoding HTML5 video 4m 55s
4. There Are Alternatives 36m 34s
Using the Dreamweaver CC video wizard 10m 25s
Embedding video via YouTube 5m 19s
Using the JW Player 5m 16s
Supporting mobile playback 4m 44s
Challenge: Create HTML5 video using Dreamweaver 40s
Solution: Create HTML5 video using Dreamweaver 6m 41s
Challenge: Create HTML5 video using the JW Player 32s
Solution: Create HTML5 video using the JW Player 2m 57s
Conclusion 1m 35s
Next steps 1m 35s
also You can look my other last: Web design-posts
General
Complete name : 02. Investigating codecs.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 8.28 MiB
Duration : 5mn 17s
Overall bit rate mode : Variable
Overall bit rate : 219 Kbps
Encoded date : UTC 2013-07-25 21:40:08
Tagged date : UTC 2013-07-25 21:40:08
Writing library : Apple QuickTime
Copyright : lynda.com
Video
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Format settings, GOP : M=3, N=30
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 5mn 17s
Bit rate : 87.8 Kbps
Width : 960 pixels
Height : 540 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.011
Stream size : 3.33 MiB (40%)
Language : English
Encoded date : UTC 2013-07-25 21:40:08
Tagged date : UTC 2013-07-25 21:40:08
Audio
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 5mn 17s
Bit rate mode : Variable
Bit rate : 128 Kbps
Maximum bit rate : 131 Kbps
Channel(s) : 1 channel
Channel positions : Front: C
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 4.85 MiB (59%)
Language : English
Encoded date : UTC 2013-07-25 21:40:08
Tagged date : UTC 2013-07-25 21:40:08
Complete name : 02. Investigating codecs.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 8.28 MiB
Duration : 5mn 17s
Overall bit rate mode : Variable
Overall bit rate : 219 Kbps
Encoded date : UTC 2013-07-25 21:40:08
Tagged date : UTC 2013-07-25 21:40:08
Writing library : Apple QuickTime
Copyright : lynda.com
Video
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Format settings, GOP : M=3, N=30
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 5mn 17s
Bit rate : 87.8 Kbps
Width : 960 pixels
Height : 540 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.011
Stream size : 3.33 MiB (40%)
Language : English
Encoded date : UTC 2013-07-25 21:40:08
Tagged date : UTC 2013-07-25 21:40:08
Audio
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 5mn 17s
Bit rate mode : Variable
Bit rate : 128 Kbps
Maximum bit rate : 131 Kbps
Channel(s) : 1 channel
Channel positions : Front: C
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 4.85 MiB (59%)
Language : English
Encoded date : UTC 2013-07-25 21:40:08
Tagged date : UTC 2013-07-25 21:40:08
Screenshots
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/6d/62/0038626d_medium.png)
Up and Running with HTML5 Video with Tom Green [repost]
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/6d/62/0038626d.png)
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/6e/62/0038626e_medium.png)
Up and Running with HTML5 Video with Tom Green [repost]
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/6e/62/0038626e.png)
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/6f/62/0038626f_medium.png)
Up and Running with HTML5 Video with Tom Green [repost]
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/6f/62/0038626f.png)
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/70/62/00386270_medium.png)
Up and Running with HTML5 Video with Tom Green [repost]
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/70/62/00386270.png)
For more Exclusive material, Visit my AH-blog
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/e8/e1/0026e1e8_medium.jpeg)
Up and Running with HTML5 Video with Tom Green [repost]
![Up and Running with HTML5 Video with Tom Green [repost]](https://pixhost.icu/avaxhome/e8/e1/0026e1e8.jpeg)