Video Playback Plugin

Version

Application Scenario

There is an increasing demand for large-screen displays. It is common to have a mix of table data, charts, and videos displayed on the same screen.

You can install the Video Playback plugin to achieve the effect of playing videos in the template.

Function Description

You can add video widgets to the dashboard to play online or local videos.

The template does not support full-screen display, component selection, or absolute layout blocks on mobile terminals. However, bookmark navigation and freezing at the top of the mobile template are supported.

Note:

This plugin utilizes HTML video playback technology, so it only supports Google Chrome, Firefox, Safari, and IE 11+ browsers. If the version of IE you use is below 11, you can use Flash playback technology and modify the source code.

MP4 video encoding only supports AVC (H.264). If the video cannot be played, check the encoding and transcode it.

Plugin Installation

You can download the plugin at Video Playback Plugin.

For details about installing the plugin in the designer, see Designer Plugin Management.

For details about installing the plugin on the server, see Server Plugin Management.

Widget Adding

Create a dashboard in the FineReport designer, click the  icon on the Widget toolbar, and drag the Video widget into the dashboard, as shown in the following figure.

Widget Setting

The example video source is Local Resource. You can download the example video: Test.rar.

After extracting the file, place the video in the %FR_HOME%\webapps\webroot folder as shown in the following figure.

Note:

Local Resource only supports video resources in the %FR_HOME%\webapps\webroot directory and its subdirectories, but the WEB-INF directory is not supported.

2. Video Source Adding

1. Local Resource only supports video resources in the %FR_HOME%\webapps\webroot directory and its subdirectories, but the WEB-INF directory is not supported.

The following video formats are supported.

Android system on mobile terminals: .mp4 and .mkv

iOS system on mobile terminals: .mp4

PC: .mp4

Note:

MP4 video encoding only supports AVC (H.264). If the video cannot be played, check the encoding and transcode it.

2. Remote Resource only supports videos in .mp4 format. You can enter the address directly in the address box.

Note:

If you enter a resource address or concatenate the address with a URL parameter, do not click the F(x) button on the right.

If you need to use functions like IF to determine the final resource address, click the F(x) button and enter the formula.

The following table describes attribute settings.

Setting Item	Description
Visible	Selected: The Video widget is visible when you preview the template. Unselected: The Video widget is invisible when you preview the template.
Available	This setting will not affect the playback of the video with this plugin on mobile terminals.
Auto Playback	Selected: The widget automatically plays the video. If you add multiple videos to the widget and preview the template, the videos can be played automatically at the same time. Unselected: This widget will not play the video until you click the play button. Note: 1. Google Chrome (as well as all browsers based on Chromium) on PC does not allow videos or audio to automatically playback. In this case, select Mute to enable automatic playback. 2. On mobile terminals, a single video can be played automatically, but when there are multiple videos, (random) only one or several videos will be played. 3. The HTML5 web terminal does not support automatic playback.
Playback Controller	Selected: You can pause the video, fast-forward the video, and adjust the volume when playing video on mobile terminals. Besides, you can watch the video in full screen, download the video, and perform all operations you can do on mobile terminals on the PC. Unchecked: You cannot perform any operation on the video during the play.
Loop Playback	Selected: If the video is finished, the next play loop will be entered automatically. Unselected: The play stops after the video is finished.
Mute	Selected: The speaker is turned off, even if playing, it is muted by default. Unselected: The sound volume follows the system sound and can be adjusted separately.
Preload	Selected: After pausing playback, you can continue playing without the network. Unselected: After pausing playback and disconnecting the network, you can view an error in the network if you click the play button.

Effect Display

Note:

Auto Playback is not supported on the HTML5 web terminal.