# How integrate Open edX video player

**URL:** <https://discuss.openedx.org/t/how-integrate-open-edx-video-player/7381>\
**Category:** Development\
**Tags:** video\
**Created:** [May 31, 2022, 11:31am UTC](https://discuss.openedx.org/t/how-integrate-open-edx-video-player/7381 "2022-05-31T11:31:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kiran\_chauhan](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/kiran_chauhan/32/3175_2.png) [@kiran\_chauhan](https://discuss.openedx.org/u/kiran_chauhan)\
**Post date:** [May 31, 2022, 11:31am UTC](https://discuss.openedx.org/t/how-integrate-open-edx-video-player/7381/1 "2022-05-31T11:31:01Z")

</div>

Hello Everone,

How to integrate edx video player outside of LMS?  
I want to integrate edx video player into the angular-JS based web-application.

Any ideas? Thanks!!

---

<div class="post-metadata">

**Author:** ![braden](https://sea2.discourse-cdn.com/flex020/user_avatar/discuss.openedx.org/braden/32/46_2.png) [@braden](https://discuss.openedx.org/u/braden)\
**Post date:** [May 31, 2022, 7:06pm UTC](https://discuss.openedx.org/t/how-integrate-open-edx-video-player/7381/2 "2022-05-31T19:06:38Z")

</div>

I don’t think you can integrate the edX video player itself, but you can embed the Video XBlock which includes the video player.

### Option 1: Using the Render XBlock URL:

Go to the XBlock in the courseware, click “Staff Debug Info”, and copy the XBlock ID:

 ![Screen Shot 2022-05-31 at 12.01.29 PM](https://us1.discourse-cdn.com/flex020/uploads/openedx/original/2X/4/4cfd80e63f1bc097db6dccf06bf5bf6c6dfcb1b7.png)

Then go to `https://your_lms_url/xblock/the_block_id` (no trailing slash!)

For example, [https://courses.opencraft.com/xblock/block-v1:OpenCraft+onboarding-dev+course+type@html+block@introduction\_newcomer\_congratulations\_1](https://courses.opencraft.com/xblock/block-v1:OpenCraft+onboarding-dev+course+type@html+block@introduction_newcomer_congratulations_1) in the case of the example in my screenshot.

By using this URL in an `<iframe>`, you can get the embedded video into another web app. However, this approach requires that users are already logged in to your LMS (_or_ that you have [public course content](https://edx.readthedocs.io/projects/edx-installing-configuring-and-running/en/latest/configuration/enable_public_course.html) turned on, I think).

### Option 2: Using the Render Video URL:

Same thing, but use `https://your_lms_url/videos/the_block_id` . Put it into an `<iframe>`.

I am not familiar with this option but from the documentation, it sounds like it will work: “Displays a chromeless rendering of the Video xBlock. The **video must be public (`Public Access` field set to True) by course author in studio in video advanced settings**.”

### Option 3: Use LTI

You can [use Open edX as an LTI Tool Provider](https://edx.readthedocs.io/projects/open-edx-building-and-running-a-course/en/latest/course_features/lti/index.html) to embed videos or other content into another LMS.