Difference between revisions of "Preparing videos for blog posts"
Jump to navigation
Jump to search
(ffmpeg cheat sheet) |
|||
Line 30: | Line 30: | ||
Make sure to embed the link to the full video somewhere in the text related to the video: | Make sure to embed the link to the full video somewhere in the text related to the video: | ||
− | < | + | <pre> |
Some text talking about the video ([full video](/static/video/2019-00/video.webm)). | Some text talking about the video ([full video](/static/video/2019-00/video.webm)). | ||
− | </ | + | </pre> |
[[Category:Guide]] | [[Category:Guide]] |
Revision as of 14:45, 16 June 2019
Here's a short cheat sheet of how to get videos ready for blog posts. We convert them to the open format webm (mp4 is proprietary and will for example not work on Fedora out of the box), and create short and smaller video thumbnails. These thumbnails will be embedded into the blog post directly as little animated pictures, just like gifs, but much more space efficient.
Converting to webm
$ ffmpeg -i video.mp4 video.webm
Shortening
Start at 10 seconds and cut after the next 5 seconds:
$ ffmpeg -ss 00:10:00 -i video.webm -c copy -t 00:00:05 video-short.webm
Scaling down
Resize to 300x533 px:
$ ffmpeg -y -i video-short.webm -vf scale=300:533 video-thumb.webm
Embedding into a post
<video controls width="300" height="533" class="border" autoplay="autoplay" loop mute>
<source src="/static/video/2019-00/video-thumb.webm" />
<a href="/static/video/2019-00/video.webm">Description of the video here</a>
</video>
Make sure to embed the link to the full video somewhere in the text related to the video:
Some text talking about the video ([full video](/static/video/2019-00/video.webm)).