top of page

Common Questions while Design

How to Embed Youtube Videos with Specific Start and End Times

Step 1: Find the video that you want to embed from Youtube.

Step 2: Click on Share below the video.

share.PNG

Step 3: Click on Embed below Share a link

Embed.PNG

Step 4: Type the specific time in Start at that you want the embedded one starts playing from, then tick the box in front of it.

embed 2.PNG

Step 5: Then copy and paste the html code, put in wherever you want to embed the video.

​

Step 6: If you not only want a specific start time, but also want a specific end time. Follow the instructions below:

​

First thing you have to do is of course get the specific time you want it to end at. Then convert it into seconds. Let’s say you want to embed only the part of the video up to 02:58.
 
In seconds, your end time would be ( 2 * 60 ) + 58 =178.
 

Next, grab the embed code from the Youtube video, and append the following parameters to the video URL in the embed code:
 
?start=[your_start_time]&end=[your_end_time]&version=3
 
Replace [your_start_time] and [your_end_time] with your actual start and end times in seconds so that your embed code would look like this:

​

E.g.:

I want to embed the video from 0:03 to 1:31.

​

I chose the specific start time in Youtube already, then I copy & paste the html code:

​

<iframe width="560" height="315" src="https://www.youtube.com/embed/TChRv8m79zs?start=3" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

​

Let’s convert the end time: 1:31 = (1*60)+31=91

​

Then the new html code will be:

​

<iframe width="560" height="315" src="https://www.youtube.com/embed/TChRv8m79zs?start=3&end=91&version=3" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

​

“The version parameter there specifies the Youtube player version that should be used for your embedded video. Version 3 is the only version that supports the end parameter so if you want to specify an end time for your embedded video, make sure to specify version 3 as the player to be used in your embedded video.[1]”

bottom of page