Comparing video clips
Two videos side-by-side
Unlike other components, layout.side-by-side has options allowing you to hide or display any of the elements in
Instead of layout.side-by-side, you can use other components, for example:
- view.list: A list of any elements, vertical or horizontal.
- layout.columns: A set of horizontal columns that you can put the videos in. As opposed to view.list, this component provides more options for column width setup.
Parallel playback of two videos
You can sync playback and pause for both videos.
You can also trigger playback using a hotkey. The button's shortcut will be shown on the button label.
Use plugin.hotkeys for this. To assign a shortcut to the button, do the same thing with the shortcut.
To call the same action from different parts of the code, put it in a separate variable inside
vars. Then reference this variable using the
$ref structure. For more information, see Reuse code.
Compare multiple videos
In the examples below, you can add as many video components as you like using the
If you want to add multiple videos that a Toloker doesn't have to view at the same time, position them vertically using the view.list component. To make sure that the response selection buttons don't get lost, use the layout.sidebar component.