# Perspective Video Player file not valid

**URL:** <https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113>\
**Category:** Ignition\
**Created:** [April 6, 2022, 2:50pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113 "2022-04-06T14:50:05Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marouene\_Dakhlaoui](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@Marouene\_Dakhlaoui](https://forum.inductiveautomation.com/u/Marouene_Dakhlaoui)\
**Post date:** [April 6, 2022, 2:50pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/1 "2022-04-06T14:50:05Z")

</div>

Hello, I am using a video player component to display a live camera feed from HTTP request.  
The request is working fine on my browser and it is showing the live video.  
When I add the Video player component and go to source → binding → HTTP I put the URL like in the screenshot below :

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/e/ae6fd1dcb6bffc2779adf5b06c5201a543d12643.png)  
The URL is correct and is working, but for some reason Ignition is giving file not valid error.  
Any help is appreciated!

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [April 6, 2022, 3:02pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/2 "2022-04-06T15:02:32Z")

</div>

Is ignition on the same machine ? If it’s a remote installation, then `127.0.0.1` will be the remote machine, not the machine you’re using.

---

<div class="post-metadata">

**Author:** ![zacht](https://avatars.discourse-cdn.com/v4/letter/z/ea5d25/32.png) [@zacht](https://forum.inductiveautomation.com/u/zacht)\
**Post date:** [April 6, 2022, 3:08pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/3 "2022-04-06T15:08:47Z")

</div>

You probably don’t want a binding here. The value of `VideoPlayer.props.source` should be `http://127.0.0.1:9001`. No binding involved.

Since you’re using Perspective, 127.0.0.1 would reference the computer the Gateway is installed on, not the computer your client is running on (unless they happen to be the same).

---

<div class="post-metadata">

**Author:** ![Marouene\_Dakhlaoui](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@Marouene\_Dakhlaoui](https://forum.inductiveautomation.com/u/Marouene_Dakhlaoui)\
**Post date:** [April 6, 2022, 3:12pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/4 "2022-04-06T15:12:56Z")

</div>

Yes they are both on the same machine.

---

<div class="post-metadata">

**Author:** ![Marouene\_Dakhlaoui](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@Marouene\_Dakhlaoui](https://forum.inductiveautomation.com/u/Marouene_Dakhlaoui)\
**Post date:** [April 6, 2022, 3:19pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/5 "2022-04-06T15:19:23Z")

</div>

Actually I just put the URl between quotes and now it is not showing an error in the binding anymore, but no video is being shown.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/c/8c4829bc09e6a060660b27e59a93d8a4b4ac31d8.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/9/19fd78e733e2c8d6ed1e1c196e5d0d091d73ec2e.png)

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [April 6, 2022, 3:19pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/6 "2022-04-06T15:19:54Z")

</div>

You shouldn’t expect this to work, due to different source security policies. You might be able to play with the video feed’s CORS headers.

> **[Cross-Origin Resource Sharing (CORS) - HTTP | MDN](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)**
>
> Cross-Origin Resource Sharing (CORS) is an HTTP-header based mechanism that allows a server to indicate any origins (domain, scheme, or port) other than its own from which a browser should permit loading resources. CORS also relies on a mechanism by...

---

<div class="post-metadata">

**Author:** ![Marouene\_Dakhlaoui](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@Marouene\_Dakhlaoui](https://forum.inductiveautomation.com/u/Marouene_Dakhlaoui)\
**Post date:** [April 6, 2022, 3:28pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/7 "2022-04-06T15:28:38Z")

</div>

Is there any way to stream camera footage into Ignition ?  
That is ultimately what I am looking to do, my approach was to stream the camera footage into a server and then use the server’s get URL.  
I did not quite understand your reply, but there are no security policies with the source video, I created.

---

<div class="post-metadata">

**Author:** ![Marouene\_Dakhlaoui](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@Marouene\_Dakhlaoui](https://forum.inductiveautomation.com/u/Marouene_Dakhlaoui)\
**Post date:** [April 6, 2022, 3:56pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/8 "2022-04-06T15:56:29Z")

</div>

So the fix was pretty simple, instead of going into binding I just typed the URL in the source prop like this.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/b/9bb700847eea9575987bd4e751ddc669a841ffa1.png)  
It is now working fine

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [April 6, 2022, 3:59pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/9 "2022-04-06T15:59:46Z")

</div>

This is exactly what @zacht suggested... come on...

> [@zacht](#):
>
> You probably don’t want a binding here. The value of `VideoPlayer.props.source` should be `http://127.0.0.1:9001` . No binding involved.

---

<div class="post-metadata">

**Author:** ![Marouene\_Dakhlaoui](https://avatars.discourse-cdn.com/v4/letter/m/9de053/32.png) [@Marouene\_Dakhlaoui](https://forum.inductiveautomation.com/u/Marouene_Dakhlaoui)\
**Post date:** [April 8, 2022, 12:04pm UTC](https://forum.inductiveautomation.com/t/perspective-video-player-file-not-valid/58113/10 "2022-04-08T12:04:16Z")

</div>

Correct yes, my bad, I will mark his answer as a solution.
