video

avec ffmpeg ⇒ https://www.ffmpeg.org/download.html

sudo add-apt-repository ppa:mc3man/trusty-media
sudo apt-get update

http://www.willus.com/author/streaming2.shtml

Commande en vrac à améliorer

webm

ffmpeg -threads 4 -i $IN -vf scale=-1:480 -qmax 63 -b:v 1000k -b:a 56k -ar 22050 -strict -2 -acodec vorbis web_$OUT.webm

mp4

ffmpeg -i $IN -strict -2 -an -vcodec libx264 -profile:v high -preset slow -f mp4 -crf 22 -s 1280x720 web_$OUT.mp4
#ffmpeg -i $IN -acodec aac -strict experimental -ac 2 -ab 128k -vcodec libx264 -vpre slow -f mp4 -crf 22 -s 640x360 web_$OUT.mp4

Pour apache, penser à rajouter ce code

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

Le code html

<video poster="" id="bgvid" playsinline autoplay muted loop controls>
<source src="{{ url('video/web_background.webm') }}" type="video/webm">
<source src="{{ url('video/web_background.mp4') }}" type="video/mp4">
</video>