How can we help you today?

How to Customize the YouTube Video Design Element

This article will show you how to customize the YouTube Video Design Element and expound on its modifiable features.


YouTube Video


TABLE OF CONTENTS


Prerequisite

  • You have the latest version of ShortPoint SPFx installed on your SharePoint environment.
  • You are a ShortPoint Designer with an active license.

Interactive Tutorial

Click Get Started to learn how to customize the YouTube Video Design Element:



NOTECheck out YouTube Video Features to learn more about the OOTB options you can customize.

Step-by-step Tutorial

Follow the steps below for a detailed guide on how to customize the YouTube Video Design Element:


Step 1: Edit the ShortPoint Web Part

  • Go to the SharePoint page you want to use and click Edit.


Edit


  • Click the ShortPoint tag.
  • Select the pencil icon.

Step 2:Insert the YouTube Video Design Element

  • Click the plus icon.
  • Use the search box to look for YouTube Video and click it.

Step 3: Paste the YouTube URL

  • Paste the YouTube URL of the video you want to showcase in the YouTube URL field.

Step 4: Customize the YouTube video’s design

  • Navigate to the Design tab.
  • Adjust the Width of the YouTube Video Design Element according to your preference.


NOTECheck out YouTube Video Features to learn more about the OOTB options you can customize.

Step 5: Save

  • Once satisfied, click the green check mark.
  • Then, click the eye icon to see your page in real-time.


eye icon


  • Click Save to apply all your changes.


Save


YouTube Video Features

Below are the options you can find in the YouTube Video Settings window:


A. Content tab

The Content tab allows you to add the YouTube URL of the video you want to feature on your page.


content tab


B. Design tab

The Design tab allows you to customize the width of the YouTube Video Design Element. 


Design tab


C. Custom CSS Tab

This tab allows you to use your own CSS, HTML, and Javascript code to customize the YouTube Video Design Element. 


NOTECheck out our support article on How to Insert Custom CSS into a ShortPoint Design Element (Basic Tutorial) to know more about Custom CSS.


Custom CSS tab


NOTEThe Connect and Visibility tabs are currently unavailable in Live Mode.


That’s it! You can now start showcasing YouTube videos on your SharePoint pages.


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 60 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more