• http://www.html-seminar.de/einsteiger.htm

• http://html5test.com
• Einführung: Videos einbinden mit HTML 5
• Video on the Web - HTML 5 Way
• Videos in HTML5-Formate konvertieren
• HTML5 example video

<video controls="controls" autoplay="autoplay">
  <source src="gizmo.mp4" type="video/mp4" />
  <source src="gizmo.webm" type="video/webm" />
  <source src="gizmo.ogv" type="video/ogg" />
  Video not playing? <a href="gizmo.mp4">Download file</a> instead.
</video> 

HandBrakeCLI -i Source.mov -t 1 -c 1 -o Destination.mp4 -f mp4 -X 558 -l 320 -e x264 -q 20 -a 1,1 -E faac,ac3 -6 dpl2,auto -R 48,Auto -B 160,auto -D 0.0,0.0 -x cabac=0:ref=2:me=umh:bframes=0:8x8dct=0:trellis=0:subq=6:weightb=0 -v 1

for i in *.m4v; do ffmpeg -y -i $i $i.mp4; NEWNAME=`echo $i | cut -d "." -f 1`; mv "$i.mp4" "$NEWNAME.mp4"; done

ffmpeg -i Source.mov -s 558X314 -aspect 16:9 -vb 500000 Destination.webm

ffmpeg2theora -o Destination.ogv -x 558 --aspect 16:9 -v 9 Source.mov

for i in *.mp4; do ffmpeg2theora -o $i.ogv -v 9 $i; NEWNAME=`echo $i | cut -d "." -f 1`; mv "$i.ogv" "$NEWNAME.ogv" ; done

for i in *.ogg; do ffmpeg -y -ab 112k -i $i $i.mp3; NEWNAME=`echo $i | cut -d "." -f 1`; mv "$i.mp3" "$NEWNAME.mp3"; done

• .htaccess

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/x-m4v .m4v

<object>
  <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/default.aspx"
    width="558" height="364" src="gizmo.mp4"
    showcontrols="True" showstatusbar="False"
    showdisplay="False" autorewind="True"
    AutoStart="True">
  </embed>
</object> 

#!/bin/bash
 
function FF {
 for i in *.ogg; do ffmpeg -y -ab 112k -i "$i" "$i.mp3"; NEWNAME=`echo $i | cut -d "." -f 1`; mv "$i.mp3" "$NEWNAME.mp3"; done 
}
 
function TT {
  LISTE=`/bin/ls -a --ignore=. --ignore=..`; for dir in $LISTE; do cd "$dir"; FF ; cd ..; done 
}
 
cd englisch
TT
cd ..
cd spanisch
TT
cd ..
cd franzoesisch
TT
cd ..

• HTML Layouts - Using <div> Elements
• HTML Layouts - Using Tables