How to

To help you use our Player, we will guide you the basic structure in HTML and React.

Embedding with HTML

Using iFrame to exhibit the Smart Player®.

<iframe src="https://player.scaleup.com.br/embed/ea6531ab6585a77c49686fc88895ebf14d372d4c"
    title="What are Server Side Rendering (SSR) & Client Side Rendering (CSR) _ Pros Cons"
    allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""
    style="width: 100%; aspect-ratio: 16 / 9; border: 0px; margin: 0px auto;"></iframe>

Embedding with React

Create a React component to render the Smart Player. For example, let's create a component called SmartPlayer:

const SmartPlayer = () => {
    return (
      <iframe src="https://player.scaleup.com.br/embed/ea6531ab6585a77c49686fc88895ebf14d372d4c"
          title="What are Server Side Rendering (SSR) & Client Side Rendering (CSR) _ Pros Cons"
          allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""
          style={{width: '100%' , aspectRatio: '16/9' , border: 0, margin: '0 auto' }}></iframe>
    );
};

export default SmartPlayer;

Result: