demoup-react

demoup-react

Place the DemoUp playbutton as a normal react component at the intendend position in your page.

Usage

var DemoUpButton = require('demoup-react')("yourshop.domain").button;

var exampleComponent = function() {
	return <DemoUpButton />
}

Note that the Button is not rendered immediatly. The component will load some shop specific code and check, whether there is actually a video for the current page. It will render the button afterwards in case there are video available. Be prepared that the button is inserted after the page is already rendered.

Configuration

You can configure the components by passing props. The following props are currently supported:

button

<DemoUpButton
	buttonheight = {30} // Overwrite the height of play image. Default is set by DemoUp specific for each shop.
	buttonwidth = {30} // Overwrite the width of play image. Default is set by DemoUp specific for each shop.
	color = "#FFF" // Overwrite the color of the play image in the button. Default is set by DemoUp specific for each shop.
	height = {60} // Overwrite the height of the button container in pixels. Default is set by DemoUp specific for each shop.
	multibutton = {false} // Should multiple videos displayed as one or several buttons behind each other? true/false Default: false
	width = {60} // Overwrite the width of the button container in pixels. Default is set by DemoUp specific for each shop.

	/* The following option turns off the automatic video detection of DemoUp. Use it similiar as a Youtube embed where you want a specific video at a specific place.
	This is NOT to be used when doing an integration into the product page
	 */
	mid = "OW6Qd26Sdx" // Select a specific video by using a known movie identifier. Movie identifier can be found in the DemoUp dashboard
/>

License

MIT.