Multiple Embed Youtube videos play One by one

You need to create a table for storing the lists of YouTube videos to be wanted to play on your site as shown structure below.

CREATE TABLE [dbo].[BWD_VideoList](
[BWD_ID] [int] IDENTITY(1,1) NOT NULL,
[Video_Name] [varchar](150) NOT NULL,
[Video_Path] [varchar](500) NOT NULL,
[Video_Type] [varchar](50) NOT NULL,
[Video_Sequnce] [int] NULL,
[Freeze] [bit] NOT NULL,
[Video_CreatedOn] [datetime] NOT NULL,
[Video_CreatedBy] [varchar](50) NOT NULL,
[Video_ModifiedOn] [datetime] NULL,
[Video_ModifiedBy] [varchar](50) NULL,
CONSTRAINT [PK_BWD_VideoList] PRIMARY KEY CLUSTERED
(
[BWD_ID] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]

After you need to go to YouTube developer and need to generate a private key for your channel. For this you need to login and in more detail how to generate that key you can learn it from the below link

https://www.codeguru.com/csharp/.net/net_asp/playing-a-youtube-video-in-an-asp.net-application.html

Now you can save your videos list as a normal CRUD operation in either asp.net or MVC as per your need and experties.

Next step, to display videos from table to your site you can write your html page as shown below. Note this has been written in MVC razor so you need some effort to modify and use it in your website.

@for (int i = 0; i < Model.Count; i++)
{
<div class="col-md-4">
@Html.Label(Model[i].Video_Name, htmlAttributes: new { @class = "modal-title" })
<video id="moti_video" controls width="300" height="300" style="background:black; border:1px solid rgba(0,0,0,0.2);" controlsList="nodownload" src="@Model[i].Video_Path">
<source type="video/mp4">
<source type="video/3gpp">
<source type="video/mpeg">
<source type="video/ogg">
Your browser does not support the video tag.
video>
div>
}

After that your video will automatically play as per YouTube video play on other site. You can get help from here.

https://forums.asp.net/t/1901926.aspx?How+to+embed+your+YouTube+channel

Hope this will help you.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Suraj Kumar8y ago
You need to create a table for storing the lists of YouTube videos to be wanted to play on your site as shown structure below.
CREATE TABLE [dbo].[BWD_VideoList](
    [BWD_ID] [int] IDENTITY(1,1) NOT NULL,
    [Video_Name] [varchar](150) NOT NULL,
    [Video_Path] [varchar](500) NOT NULL,
    [Video_Type] [varchar](50) NOT NULL,
    [Video_Sequnce] [int] NULL,
    [Freeze] [bit] NOT NULL,
    [Video_CreatedOn] [datetime] NOT NULL,
    [Video_CreatedBy] [varchar](50) NOT NULL,
    [Video_ModifiedOn] [datetime] NULL,
    [Video_ModifiedBy] [varchar](50) NULL,
CONSTRAINT [PK_BWD_VideoList] PRIMARY KEY CLUSTERED
(
    [BWD_ID] ASC
)WITH (PAD_INDEX  = OFF, STATISTICS_NORECOMPUTE  = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS  = ON) ON [PRIMARY]
) ON [PRIMARY]
After you need to go to YouTube developer and need to generate a private key for your channel. For this you need to login and in more detail how to generate that key you can learn it from the below link
https://www.codeguru.com/csharp/.net/net_asp/playing-a-youtube-video-in-an-asp.net-application.html

Now you can save your videos list as a normal CRUD operation in either asp.net or MVC as per your need and experties.

Next step, to display videos from table to your site you can write your html page as shown below. Note this has been written in MVC razor so you need some effort to modify and use it in your website.
@for (int i = 0; i < Model.Count; i++)
{
    <div class="col-md-4">
        @Html.Label(Model[i].Video_Name, htmlAttributes: new { @class = "modal-title" })
        <video id="moti_video" controls width="300" height="300" style="background:black; border:1px solid rgba(0,0,0,0.2);" controlsList="nodownload" src="@Model[i].Video_Path">
            <source type="video/mp4">
            <source type="video/3gpp">
            <source type="video/mpeg">
            <source type="video/ogg">
            Your browser does not support the video tag.
        video>
    div>
}
After that your video will automatically play as per YouTube video play on other site. You can get help from here.
https://forums.asp.net/t/1901926.aspx?How+to+embed+your+YouTube+channel

Hope this will help you.
+1