> For the complete documentation index, see [llms.txt](https://jolzee.gitbook.io/leopard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jolzee.gitbook.io/leopard/components/video.md).

# Video Player

Display a Video in a modal with accompanied answer text.

## Introduction

The video component can display **YouTube**, **Vimeo** and **mp4** videos. It also capable of showing a audio player if you link directly to a **mp3**. 

## Modal

### Screenshot

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-LaHCcRoi6Iu_1nNWCJR%2F-LaHCeoI0b27VQdLD0gc%2Fvideo-modal.jpg?alt=media&amp;token=bec4e09f-bff9-44c2-9676-7d56f108cb09" alt=""></div>

### Output Parameter

```groovy
extensions = ${ExtensionHelper.displayVideo(url,channel)}
```

### JSON

```javascript
{
	"name": "displayVideo",
	"parameters": {
		"video_url": "https://www.youtube.com/watch?v=84WIaK3bl_s"
	},
	"inline": false
}
```

## Inline

### Screenshot

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-M7Ttf6VMPoOQyd2_dSP%2F-M7TtmMJidNThY85DPS3%2Fleopard-24.png?alt=media&amp;token=c6190ce0-b5a9-46d3-bc6f-fbc049cb7abb" alt=""></div>

### Output Parameter

```groovy
extensions = ${ExtensionHelper.displayVideo(url,channel,true)}
```

### JSON

```javascript
{
	"name": "displayVideo",
	"parameters": {
		"video_url": "https://www.youtube.com/watch?v=84WIaK3bl_s"
	},
	"inline": true
}
```