Zorn

/

Context Menu

Buffering...

00:00

--:-- --:--

Right-click in the demo above to see it action.

You can override the browser’s default context menu by adding your own, this is done with the ContextItems variable being added with an array.

Example:


<Zorn
ContextItems={
	[
		{
			"Type": "Button",
			"Name": "Copy URL",
			"Action": "null",
		},
		{
			"Type": "Link",
			"Name": "Copy Embed Code",
			"Action": "#",
		},
		{
			"Type": "Separator"
		},
		{
			"Type": "Link",
			"Name": "Troubleshoot Player",
			"Action": "#",
		}
	]
}
/>

If the ContextItems variable is not applied, Zorn will default to the browser’s default context menu.

VariableOption
TypeButton, Link, or Separator
Namestring
Action (Button)onclick - Use JavaScript
Action (Link)href - Use a link