How to add a Youtube video to your website

How to add a Youtube video to your website

Adding a Youtube video to your website has never been easier.

Navigate to the Pages section from the sidebar menu of your admin panel under Website.

  • Create a new page or edit an existing one.
  • From the Content tab select the container and column you would like to place the element. 
  • Click the Add element button.
  • Select Youtube from the library.  

Section Details

Youtube video id. Enter the YouTube video id. For example, the Video id for https://www.youtube.com/watch?v=_8nYziWP0Vg is _8nYziWP0Vg.

Enable video interaction: Users will be able to click on your video controls and interact with video. In case you need to create a background video that autoplays and as your hero header for example you will have to check that option.
Related videos: Shows the related videos once the video comes to an end. 
Captions: Shows the captions/subtitles of the video. 
Autoplay: Autoplays the video once the page loads.
Loop video: The video loops once it comes to an end.
Mute: Mutes the sound of the video
Video controls: Displays the video controls.
Fullscreen option: Enables the full screen button on the player.
Logo: Displays the youtube logo.

Width. You can specify the width of the video. 

Height. You can specify the height of the video. 


Margin & Padding. 

Margin. This setting allows you to control the space around the element's border by changing the top, bottom, left and right values. 
Padding. This setting allows you to control the space between the content and borders of the element by changing the top, bottom, left and right values. 

Once you have created your element click the "Apply" button at the bottom right of your screen. 


    • Related Articles

    • How to add a Vimeo video to your website

      Adding a Vimeo video to your website has never been easier. Navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You can refer to our documentation about How to create a ...

    • How to set your website in different languages

      Your website can be created in multiple languages in order to meet the needs of guests from all over the world. Visit your admin panel and select Languages from the Settings menu. You can find the languages available by default. Select the languages ...

    • How to enable reCAPTCHA for your website's contact forms

      Creating contact forms from the Page Builder is nice and handy but you need to make sure nobody will spam you with unwatned emails that d not come from humans. Thus, in order add and use contact forms on tour webste you need to first enebale the ...

    • How to make your Reactive Website GDPR compliant

      The General Data Protection Regulation (EU) 2016/679 (GDPR) is a regulation in EU law on data protection and privacy in the European Union (EU) and the European Economic Area (EEA). It also addresses the transfer of personal data outside the EU and ...

    • Ηow to import an existing theme into your website

      Reactive offers a range of beautiful and professional pre-made themes, that you can add to your website. Each theme has its own specific elements and you can quickly choose the right one for your business. Here are the steps you need to follow in ...