Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagexml
themeEclipse
titleWidget Embedding template
<iframe
	name="Cutwise Widget"	
	width="{WIDGET_WIDTH}"
	height="{WIDGET_HEIGHT}"
	frameborder="0"
	sandbox="allow-same-origin allow-scripts allow-presentation"
	src="https://widget.cutwise.com/v1/{CUTWISE_ID}?template={TEMPLATE_CODE}&autoplay={AUTOPLAY}"
	allowfullscreen
></iframe>

Parameters

Parameter nameAvailable valuesDefaultSampleDescription

CUTWISE_ID


https://widget.cutwise.com/v1/333?template=media-metrics-v1&autoplay=1
        

Product ID to embed. You can see it in cutwise diamond page URL: https://cutwise/diamond/ 333

Link for embedding = https://widget.cutwise.com/v1/333?template=media-metrics-v1

AUTOPLAY

1, 0

0

...&autoplay=1&...

This parameter specifies whether the initial video will automatically start to play when the player loads.

Predefined Templates

Template codeWidth, pxHeight, pxAppearance
media-metrics-v1480640

media-v1480580

...


Code Block
languagexml
themeEclipse
titleWidget Embedding template
<iframe
	name="Cutwise Player"	
    width="{MEDIA_SIZE}"
	height="{MEDIA_SIZE}"
	frameborder="0"
	sandbox="allow-same-origin allow-scripts allow-presentation"
	src="https://widget.cutwise.com/video/{CUTWISE_ID}?sp={SETUP_PRESET_ID}&autoplay={AUTOPLAY}"
	allowfullscreen
></iframe>

Example without optional parameters: 

Code Block
languagexml
themeEclipse
titleCorrect widget code example
<iframe
	name="Cutwise Player"
	width="480"
	height="480"
	frameborder="0"
	sandbox="allow-same-origin allow-scripts allow-presentation"
	src="https://widget.cutwise.com/video/333"
	allowfullscreen
></iframe>

Live demo example: 

http://files-cdn.cutwise.com/widget/video-demo-1/index.html 

Code for this demo example:

Code Block
languagexml
themeEclipse
titleCorrect widget code example
<iframe
	name="Cutwise Player"
	width="640"
	height="640"
	frameborder="0"
	sandbox="allow-same-origin allow-scripts allow-presentation"
	src="https://widget.cutwise.com/video/333?sp=51&autoplay=1"
	allowfullscreen
></iframe>

Parameters

Parameter nameAvailable valuesDefaultSampleDescription

CUTWISE_ID


https://widget.cutwise.com/video/333

Cutwise Product ID to embed. You can see it in cutwise diamond page URL: https://cutwise/diamond/333

Link for embedding = https://widget.cutwise.com/video/333

AUTOPLAY

1, 0

0

...&autoplay=1&...

This parameter specifies whether the initial video will automatically start to play when the player loads.

GRAYSCALE1, 00...&grayscale=1&...This parameter specifies whether the videos or images will show in grayscale tone.
AUTORESIZE1, 01...&autoresize=0&...Disable autoresize listeners

SETUP_PRESET_ID

integer ID

first video on diamond page

...&sp=43&...

This parameter specifes what media will be shown for current CUTWISE_ID.


List of SETUP_PRESET_ID

Currently supported video are (only if this video available on product page):

...