How to create a responsive YouTube video slider

If you are the owner of the YouTube channel, the channel contains your service on your service Many videos, in addition, you are running a WordPress website and you need to create a responsive YouTube video slider on your WordPress website. In this case, I suggest you pay attention to this article.

This article contains a complete step -step description of the creation of response YouTube video slider on the WordPress website. I will show the best and simplest way to create it so that you can create a complete YouTube video slider on your WordPress website without having any coding skills.

WordPress video slider is good for your website because it can easily attract the attention of visitors. Therefore, it increases the dialogue rate and sales. You can easily display your YouTube channel video on the WordPress website.

By default, there is no option to create video slide options in WordPress Essence

Therefore, if you want to create WordPress YouTube video slider on your website, you must choose one of the best plugins, such You can easily create a responsive Youtube video slider. Response YouTube Video slide

If we want to use 响应式 YouTube 视频滑块
wordpress carousel 123] The plug -in creates a YouTube video slider, we must follow

3 steps.

STEP-1: The installation and activation 123] Add new YouTube video rotation

Step 3:

Display YouTube video rotation on the WordPress website

Step 1. Installation and activation of WordPress Carousel Pro plugin

First, we must install and activate the WordPress Carousel Pro plugin to continue creating WordPress YouTube video slider.

The installation and activation of any WordPress plugin is the same. However, if you need any guidance, you can install and activate it in accordance with this

Explain the operation.

WordPress Rotation Professional Edition Step 2: Add new YouTube Video Circle [ [ [ [ [ [] 123] I have successfully completed the installation and activation of the plug -in.

It’s time to create our first YouTube video.

This is a very fast and simple process.
However, once you complete the activation, you will find

WP Carousel Pro menu in the WordPress dashboard menu.

Now click Add the new menu, it will open a interface containing many fields. Now, fill in the field with your content. In this case, please gradually operate in accordance with the guide. (i) Rotation Title: In this field Provide a title for YouTube video rotation.

(II) Rotation type: You can use WordPress Carousel Pro plug -in to create multi -purpose rotation. Because we want to create a YouTubeVideo slider, just choose the type of video wheel broadcast.

Select the rotary type: Video

(III) Add video:

Select Video After the rotation type, you will find the button to add a video.

Therefore, click Add video button. Therefore, it will open a interface with the following input fields.

Video input field You can see an option to choose a video source. You can choose videos from different sources. Since we want to create a YouTube video slider, we must choose YouTube as a video source. It looks like the screen below.

Selection: Video source

In addition, at this stage, now we need to enter to add to your YouTube video rotation Video ID in. For this, please transfer to a specific video link and collect ID and set the ID in the video ID field. It looks like the screen below.

Provide video ID

]

However, you can easily cloned videos.

Therefore, according to the same procedure, add videos, and how much you add according to your needs.
You can also drag and drop the video.

(IV) Customization: The plug -in is highly customized. You can customize any field as needed.

(v) Published: After completing the custom, you can fully prepare the release of YouTube video rotation. Now, click \”

Published\” button to release it. Step 3: Show YouTubeVideo rotation Finally, we successfully created YouTube video rotation.

Therefore, now we are completely ready to display YouTube video rotation on our WordPress website.

Now, you must copy the short code and paste it to any place you want.

The brief code generated Editor of Gu Tengbao

If you are on the theme of WordPress theme Using the Ge Tengbao editor, you can paste the short code, it looks like the following screen.

[ [ 123] Classic Editor

You can also use the old editor named Classic Editor. If you paste the short code into the classic editor, it looks like the following screen.

Classic Editor

I copied the short code and pasted it on a page, and finally found the following results on my WordPress website Essence

YouTube video rotation slider

There are some options that can customize video rotations and express it with different appearances and feelings.
If you want to display the title of the video, you only need to add the title from the following

title and instructions

field.

Now, click styles Roll down to

Description

Show and hide options.

Therefore, the content can be displayed at the option.

You can follow the screenshot below. Video description Open After completing this step, check the results now. I have done it and found the following results.

YouTube video rotation with a title

Moreover, it has not ended here. In addition, you can also add a description to each video. If you want to add a description, you can easily operate according to the process of adding the title.

It looks like the following-

Video description

Finally, refresh your paste short code again The page, you will also see the video description. It looks like the following- YouTube video rotation with title and description

In addition, you, you You can also customize the color of the video icon. If you are interested in the color of the custom video icon, you must click the \”
style settings
\” tab and transfer to the \”Video Icon Color\” option. However, it looks like the following-

Video icon color customization

In addition, I chose red as the color of the video icon. Now, return to your rotation slider preview and refresh it. After refreshing, you will find that the color of the icon has changed. I have the following.

Video icon color output
[

[

123] Last words

Finally, at the end of this article, I hope you have completed your work and successfully created you in the best and simplest method. The first YouTube video rotation.

Author:

Leave a Reply

Your email address will not be published. Required fields are marked *