# How do I get a video to play on my website?

**URL:** <https://community.imagekit.io/t/how-do-i-get-a-video-to-play-on-my-website/52>\
**Category:** Video API\
**Created:** [February 25, 2025, 8:12am UTC](https://community.imagekit.io/t/how-do-i-get-a-video-to-play-on-my-website/52 "2025-02-25T08:12:13Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![deepanshu\_rustagi](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@deepanshu\_rustagi](https://community.imagekit.io/u/deepanshu_rustagi)\
**Post date:** [February 25, 2025, 8:12am UTC](https://community.imagekit.io/t/how-do-i-get-a-video-to-play-on-my-website/52/1 "2025-02-25T08:12:13Z")

</div>

I uploaded a video to the ImageKit media library and I can get a video URL from the dashboard. But, how do I now play it on my website? Is there some setup I need to do?

---

<div class="post-metadata">

**Author:** ![rahul\_nanwani](https://avatars.discourse-cdn.com/v4/letter/r/ecb155/32.png) [@rahul\_nanwani](https://community.imagekit.io/u/rahul_nanwani)\
**Post date:** [March 30, 2025, 7:28am UTC](https://community.imagekit.io/t/how-do-i-get-a-video-to-play-on-my-website/52/2 "2025-03-30T07:28:47Z")

</div>

To play a video on your website that you’ve uploaded to the ImageKit Media Library, you have two options:

### 1. Use the video URL with HTML `<video>` Tag

You can embed the video using the standard HTML5 `<video>` tag:

```html
<video src="https://ik.imagekit.io/your_imagekit_id/path-to-video/video.mp4" controls width="640" height="360" />

```

* * *

ImageKit [automatically converts video to WebM or MP4](https://imagekit.io/docs/video-optimization#automatic-format-conversion) depending on browser support.

#### Optional: Use Transformations

You can also resize using ImageKit URL parameters, like so:

```auto
?tr=w-640,h-360

```

Example:

```html
<video src="https://ik.imagekit.io/your_imagekit_id/path-to-video/video.mp4?tr=w-640,h-360" controls width="640" height="360" />

```

### 2. Embed the video directly using iframe

ImageKit offers an option to [embed the video directly on websites](https://imagekit.io/docs/dam/embed-video) instead of writing the code on your own. This is great if you are a non-technical person and want to embed the video, let’s say on a blog. This option is very similar to the Share/Embed option you get on YouTube.

For this, right-click on the video and click on “Embed”. You will get a popup like shown below:

[![](https://ik.imagekit.io/ikmedia/docs_images/Community/embed_video.png) ](https://ik.imagekit.io/ikmedia/docs_images/Community/embed_video.png)

You just have to copy paste this on any page that contains the HTML or a blog platform like WordPress.

You get option to enable Adaptive Bitrate Streaming under “Embed options”. This will ensure that your video stream automatically adapts to the user’s network conditions and device in the iframe embed.

### 3. Use it for Adaptive Streaming with a video player

You can use ImageKit’s [Adaptive streaming transformations](https://imagekit.io/docs/adaptive-bitrate-streaming) to create a HLS or DASH manifest, which can then be provided to a video player like video.js (or any other supporting player natively available on your platform). Unlike the iframe option above, this option gives you more control over the streaming experience while still using ImageKit for processing and video delivery.