Interesting

How to make an endless looping video or coube (which weighs 5-10 times less than a GIF)

Good day!

Recently, there has been a fairly large popularity of short videos: among them you can find not only funny videos about cats (to cheer up ☝), but also quite useful instructions (not everything can be shown in the photo / picture).

By the way, such short videos are often called koubami (there is even a site of the same name: //coub.com/ , similar to Twitter's Vine).

What am I doing? Such endlessly looping videos are easy enough to create on your own (as an example - see the preview for this entry: "Wait a locomotive ...").

And in this note I wanted to offer one of the most accessible ways for a beginner to do this (moreover, it will be a file that weighs 5-10 times less than any GIF animation 👌).

And so, closer to the topic ...

*

Creating a looped video (kouba) step by step

STEP 1: Choosing Video Processing Software

First, we need a multifunctional video editor that will allow us to open any video formats, cut out the necessary fragments from them, process them and save them in a special format. WebM (this is a container file for compressed video content designed specifically for the web based on HTML5).

WebM allows you to compress video much more efficiently than if it was a GIF animation. In addition, this format is now "accepted" by almost all modern browsers and video hosting.

For these tasks, I would recommend staying at "Video-Montage" (it has all these functions). Link below.

*

Video Editing

Developer site: //video-editor.su/

Simple and multifunctional video editor in Russian. Thanks to its step-by-step interface, the program is easy to understand and you can create your first video right from the very first time. In general, below, with my example, I will show how to do this ...

*

STEP 2: add video and crop the fragment

And so, after installing and running the program, select the creation of a new project, and then agree to auto-set the aspect ratio (usually 16: 9 is used).

New project (Video-Editing 9.25)

Next, find a movie or video (from which you want to cut a fragment for your coub) and add it to your project. The added video will be displayed on the track at the bottom of the window. See screenshot below. 👇

Add video and photo (Video Editing 9.25)

Now we need to cut the fragment we need from the video:

  1. to do this, find the beginning of the moment we need and divide the video into 2 parts;
  2. then find the end of the desired fragment and divide the video again (i.e. it will consist of 3 pieces 👇).

Find the beginning and end of the desired fragment and divide it

After that, the extra pieces (which we don't need) should be removed. To do this, just click on them with the right mouse button and select the appropriate function. 👇

Delete part of the video

Only our cut-out part will remain ...

*

STEP 3: Effects and Improvements

If necessary in the section "Effects" you can add some interesting styles to the video. For example, the image can be slightly shaded / lightened, given black and white color, etc. There are a lot of effects in the program.

Effects and improvements

In chapter "Text" you can overlay an interesting or explanatory inscription over the image (note that there are different fonts, it is not difficult to choose for any color scheme of the video).

Text

Well, one cannot fail to mark the tab "Improvements" - thanks to the complex auto-enhancement and image stabilization, you can significantly improve the image quality (the difference is especially noticeable if it was shot with an old home camera).

Improvements in Video Editing 9.25

*

STEP 4: add background music

As for music, then "Video Editing" offers two options: either use their ready-made collection, or add something of your own from disk.

In general, everything is so simple here that you do not need additional. comments: just click on the menu "File" and then select the option you want ... 👇

Music collection

By the way, if you want to make a video without music, then select and add from the standard collection of sounds "Silence" .

Silence

*

STEP 5: Save and Insert the Looped Video

After the video was trimmed, text was added to it, enhancement effects were applied, etc. - you can go directly to its creation and saving.

To do this, click on the button "Save video" and choose an option "Create videos in other formats" .

Save videos in other formats

Next, indicate that you need the format "WebM (VP9)" (see the example in the screenshot below 👇).

WebM (VP9)

Then set the resolution (frame size) and bit rate (quality). Please note that depending on the parameters set, the file size will change (the program calculates it in advance even before converting).

Create video (select the compression quality)

In general, the encoding process itself is quite fast (it took no more than 30 seconds for my video).

By the way, the size for such a video is quite compact - only 1.8 MB (much less than if I made a GIF).

Only 1.8 MB

*

Now a few words about how to make a looped endless video from such a file.

You need to upload such a video to some hosting, for example:

  • //webm.red/
  • //webmshare.com/
  • //coub.com/

Further, having received a direct link to your video (Direct Link), you will need to slightly edit the code below (I have highlighted the fragment in which you need to insert your link instead of mine):

After that, this code can be inserted into any html form (for example, when writing comments on websites, creating topics on forums, when designing personal pages, etc.) - and woo-a-la, the looped video is ready (note: I reviewed code for the silent option)! See example below.

However, many services allow you to embed WebM videos as clips from popular services (and browsers also automatically create a playback form, see the example below).

//ocomp.info/wp-content/uploads/2019/09/Nikulin-postoy-parovoz-1.webm

*

This, in fact, is all today ...

Happy videos everyone!

👋

First publication: 01.10.2019

Correction: 11/15/2020

$config[zx-auto] not found$config[zx-overlay] not found