# Self Video is not visible

**URL:** <https://devforum.zoom.us/t/self-video-is-not-visible/105445>\
**Category:** Video SDK\
**Tags:** video-sdk\
**Created:** [March 11, 2024, 9:08am UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445 "2024-03-11T09:08:59Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![happy.mittal](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/happy.mittal/32/57405_2.png) [@happy.mittal](https://devforum.zoom.us/u/happy.mittal)\
**Post date:** [March 11, 2024, 9:08am UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/1 "2024-03-11T09:08:59Z")

</div>

I have implemented the videosdk-web-sample ([GitHub - zoom/videosdk-web-sample: Zoom Video SDK web sample](https://github.com/zoom/videosdk-web-sample)) it is working fine on local environment (self video is showing on both preview and video/meeting mode) but when i **deployed this project on vercel server** then **self video is working in preview mode but no working for meeting/video**  
How to fix this issue??

---

<div class="post-metadata">

**Author:** ![rehema.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/rehema.zoom/32/40323_2.png) [@rehema.zoom](https://devforum.zoom.us/u/rehema.zoom)\
**Post date:** [March 13, 2024, 2:09pm UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/2 "2024-03-13T14:09:49Z")

</div>

Hi @happy.mittal ,

What browser are you seeing this issue in? Further, are you getting any errors in your console when trying to enable self-view video in session?

Thanks,  
Rehema

---

<div class="post-metadata">

**Author:** ![happy.mittal](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/happy.mittal/32/57405_2.png) [@happy.mittal](https://devforum.zoom.us/u/happy.mittal)\
**Post date:** [March 14, 2024, 4:09am UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/3 "2024-03-14T04:09:04Z")

</div>

Hello @rehema.zoom ,  
I am using chrome browser and there as such no error is coming when i am enabling the self-view video mode in session.  
Here is the link of our demo project deployed on vercel :- [https://tlmeetings.vercel.app/video](https://tlmeetings.vercel.app/video)

---

<div class="post-metadata">

**Author:** ![rehema.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/rehema.zoom/32/40323_2.png) [@rehema.zoom](https://devforum.zoom.us/u/rehema.zoom)\
**Post date:** [March 14, 2024, 2:46pm UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/4 "2024-03-14T14:46:12Z")

</div>

Hi @happy.mittal ,  
Thanks for sharing the link. I see the issue occurring on my end too; when I start video, it switches to a blank white canvas. It’s possible this may be a styling issue. Have you made any styling adjustments to the canvas element within the sample application?

Thanks,  
Rehema

---

<div class="post-metadata">

**Author:** ![happy.mittal](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/happy.mittal/32/57405_2.png) [@happy.mittal](https://devforum.zoom.us/u/happy.mittal)\
**Post date:** [March 15, 2024, 3:56am UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/5 "2024-03-15T03:56:33Z")

</div>

Hi @rehema.zoom  
We have not made any changes to styling to the canvas.  
The same thing is working on local but not when deployed to vercel.

Note: we are a online marketplace platform looking to integrate Zoom for online meetings quick developer support will help us migrate.  
We can be reached at developers[@]truelancer[dot]com

---

<div class="post-metadata">

**Author:** ![vic.yang](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vic.yang/32/24656_2.png) [@vic.yang](https://devforum.zoom.us/u/vic.yang)\
**Post date:** [March 20, 2024, 8:59am UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/6 "2024-03-20T08:59:22Z")

</div>

Hey @happy.mittal

I’ve reviewed the implementation of your code. Did you refer to our sample code at

[GitHub - zoom/videosdk-web-sample: Zoom Video SDK web sample](https://github.com/zoom/videosdk-web-sample/)?

The reason for this issue may be that in your local environment, our example configures cross-origin isolation-related HTTP headers, thus enabling SharedArrayBuffer (refer to the [documentation](https://developers.zoom.us/docs/video-sdk/web/sharedarraybuffer/)). However, this configuration may not be present in the Vercel environment.

I noticed that you’re using an older version of the sample code. Could you please pull the latest code and try again? We’ve recently made changes to the sample code.

Thanks  
Vic

---

<div class="post-metadata">

**Author:** ![happy.mittal](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/happy.mittal/32/57405_2.png) [@happy.mittal](https://devforum.zoom.us/u/happy.mittal)\
**Post date:** [March 21, 2024, 12:05pm UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/7 "2024-03-21T12:05:08Z")

</div>

Hi @vic.yang

I have enabled SharedArrayBuffer on vercel and now its working bettter, but still we are facing some other issues.  
Also i have add custom background to the video which is working fine for chrome and edge browser but when we try to open it in safari browser the audio is working but video feature is also not working also for some version(122.0.6261.129) of the chrome browser video is not working.

---

<div class="post-metadata">

**Author:** ![vic.yang](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vic.yang/32/24656_2.png) [@vic.yang](https://devforum.zoom.us/u/vic.yang)\
**Post date:** [March 22, 2024, 1:04am UTC](https://devforum.zoom.us/t/self-video-is-not-visible/105445/8 "2024-03-22T01:04:11Z")

</div>

Hey @happy.mittal

> add custom background to the video

Are you referring to virtual background?

You can use `stream.isSupportVirtualBackground()` to determine if the platform supports this feature. Currently, we still cannot support it on Safari, but we plan to support this feature in future versions.

Thanks  
Vic
