Michael learns about Fragmented MP4 Streaming using VideoJS 7.6.6 Player

The source file is a 23.4 MB .mov file

Master.m3u8 with 3 variants

Here is the ffmpeg command:
fmpeg -i IMG_0298.MOV
-map 0:v:0 -map 0:v:0 -map 0:v:0 -map 0:a\?:0
-b:v:0 350k -c:v:0 libx264 -filter:v:0 "scale=320:-1"
-b:v:1 1000k -c:v:1 libx264 -filter:v:1 "scale=640:-1"
-b:v:2 3000k -c:v:2 libx264 -filter:v:2 "scale=1280:-1"
-use_timeline 1 -use_template 1 -window_size 6 -adaptation_sets "id=0,streams=v id=1,streams=a"
-seg_duration 2 -threads 16 -hls_time 6 -hls_playlist true -f dash mpoutput.mpd

It produces a master.m3U8 playlist:
#EXTM3U
#EXT-X-VERSION:7
#EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="group_A1",NAME="audio_3",DEFAULT=YES,URI="media_3.m3u8"
#EXT-X-STREAM-INF:BANDWIDTH=420779,RESOLUTION=320x180,CODECS="avc1.64000d,mp4a.40.2",AUDIO="group_A1" media_0.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=1070779,RESOLUTION=640x360,CODECS="avc1.64001e,mp4a.40.2",AUDIO="group_A1" media_1.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=3073107,RESOLUTION=1280x720,CODECS="avc1.64001f,mp4a.40.2",AUDIO="group_A1" media_2.m3u8

Highest resolution variant looks like this:
#EXTM3U
#EXT-X-VERSION:6
#EXT-X-TARGETDURATION:6
#EXT-X-MEDIA-SEQUENCE:1
#EXT-X-MAP:URI="init-stream2.m4s"
#EXTINF:3.700000,
chunk-stream2-00001.m4s
#EXTINF:6.500000,
chunk-stream2-00002.m4s
#EXT-X-ENDLIST

Earlier Work

Here is the ffmpeg command:
ffmpeg -y \
-i IMG_0298.MOV \
-force_key_frames "expr:gte(t,n_forced*2)" \
-sc_threshold 0 \
-s 1280x720 \
-c:v libx264 -b:v 1500k \
-c:a copy \
-hls_time 6 \
-hls_playlist_type vod \
-hls_segment_type fmp4 \
-hls_segment_filename "fileSequence%d.m4s" \
prog_index.m3u8

This produces a prog_index.m3u8 file which contains:
#EXTM3U
#EXT-X-VERSION:7
#EXT-X-TARGETDURATION:6
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-PLAYLIST-TYPE:VOD
#EXT-X-MAP:URI="init.mp4"
#EXTINF:6.000000,
fileSequence0.m4s
#EXTINF:4.200000,
fileSequence1.m4s
#EXT-X-ENDLIST

Video is 10 seconds long, so we produce 2 segments