https://github.com/innius/grafana-video-panel

https://github.com/innius/grafana-video-panel

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/innius/grafana-video-panel
• Owner: innius
• License: apache-2.0
• Created: 2020-09-18T11:36:56.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-04-07T06:29:41.000Z (about 2 years ago)
• Last Synced: 2025-05-08T01:42:54.741Z (about 1 month ago)
• Language: TypeScript
• Size: 4.28 MB
• Stars: 16
• Watchers: 3
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Video Panel

A panel to display video from a URL, YouTube ID, or an iFrame. 

![GitHub release (latest by date)](https://img.shields.io/github/v/release/innius/grafana-video-panel?logo=github)

[![Marketplace](https://img.shields.io/badge/dynamic/json?logo=grafana&color=F47A20&label=marketplace&prefix=v&query=version&url=https%3A%2F%2Fgrafana.com%2Fapi%2Fplugins%2Finnius-video-panel)](https://grafana.com/grafana/plugins/innius-video-panel)

[![Downloads](https://img.shields.io/badge/dynamic/json?logo=grafana&color=F47A20&label=downloads&query=downloads&url=https%3A%2F%2Fgrafana.com%2Fapi%2Fplugins%2Finnius-video-panel)](https://grafana.com/grafana/plugins/innius-video-panel)

# Configuration

### File 

-  `URL` : the url to a valid video file. Eg: `https://example.com/video.mp4`

-  Grafana [variables](https://grafana.com/docs/grafana/latest/variables/variable-types/) are supported. For instance: `https://example.com/your-camera-feed?id=${__from}` 

-  `Autoplay` (optional): autoplay video

-  `Loop` (optional) : loop video

![screenshot](https://raw.githubusercontent.com/innius/grafana-video-panel/master/src/img/screenshots/video.png)

### YouTube 

-  `Video ID` : the value after watch?v= in the URL. Eg: `eQpyJQ2womo`

-  `Autoplay` (optional): autoplay video

-  `Loop` (optional) : loop video

![screenshot](https://raw.githubusercontent.com/innius/grafana-video-panel/master/src/img/screenshots/youtube.png)

### iFrame 

The iFrame source is useful when you're dealing with camera feeds.

-  `URL` : the url of the page. Eg: `https://example.com/your-camera-feed`

-  Grafana [variables](https://grafana.com/docs/grafana/latest/variables/variable-types/) are supported. For instance: `https://example.com/your-camera-feed?id=${__from}` 

![screenshot](https://raw.githubusercontent.com/innius/grafana-video-panel/master/src/img/screenshots/iframe.png)

# Installation

1. Go to Grafana Plugins page and search Video Panel by Innius. 

2. The panel is available in the Dashboards section in your Grafana main menu, and can be added like any other core panel in Grafana.