# Layers API won't display a video even when using .webm

**URL:** <https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873>\
**Category:** Zoom Apps\
**Created:** [September 22, 2024, 12:23pm UTC](https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873 "2024-09-22T12:23:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mikron](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mikron/32/18634_2.png) [@Mikron](https://devforum.zoom.us/u/Mikron)\
**Post date:** [September 22, 2024, 12:23pm UTC](https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873/1 "2024-09-22T12:23:38Z")

</div>

Hi, (@dean.collins ?)

I’m working on the Zoom App example with the layers API using Camera mode.  
I’m able to easily change the JS and draw a canvas, it work well.  
I’m unable to play a video, even after reading [in the following thread that the only acceptable format is .webm](https://devforum.zoom.us/t/playing-html-video-element-in-layers-api-in-camera-mode-webview/94777)

I’m using the latest zoom app version.

Can you please provide a working example of code which will display a video element properly in Camera Mode?

Thanks

---

<div class="post-metadata">

**Author:** ![Mikron](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mikron/32/18634_2.png) [@Mikron](https://devforum.zoom.us/u/Mikron)\
**Post date:** [September 24, 2024, 8:36am UTC](https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873/2 "2024-09-24T08:36:02Z")

</div>

@elisa.zoom maybe you can help me? (\<— Desperate here)  
@kwaku.nyante maybe?

---

<div class="post-metadata">

**Author:** ![Mikron](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mikron/32/18634_2.png) [@Mikron](https://devforum.zoom.us/u/Mikron)\
**Post date:** [September 25, 2024, 11:15am UTC](https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873/3 "2024-09-25T11:15:10Z")

</div>

@chunsiong.zoom maybe you could help please?

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [September 26, 2024, 5:09pm UTC](https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873/5 "2024-09-26T17:09:18Z")

</div>

Hey @Mikron, thanks for reaching out! As a first step, are you seeing any errors in the development console?

If not, Can you share the code that you are using to render video or any a screenshots that might help?

We do have a sample application for camera mode that you can find here:

> **[GitHub - zoom/zoomapps-cameramode-vuejs: A frontend only sample that shows how to use...](https://github.com/zoom/zoomapps-cameramode-vuejs)**
>
> A frontend only sample that shows how to use Camera Mode and Immersive Mode in a Zoom App

Taking a look at the code, I’m not seeing webm functionality here though.

@Robert.Wallis wrote this app so he might be able to comment on this if we can’t debug.

---

<div class="post-metadata">

**Author:** ![Mikron](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mikron/32/18634_2.png) [@Mikron](https://devforum.zoom.us/u/Mikron)\
**Post date:** [September 26, 2024, 5:49pm UTC](https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873/6 "2024-09-26T17:49:08Z")

</div>

Hi @MaxM ,  
Thank you for replying.  
I used your sample project, the project worked, I was able to draw on a Canvas and display it with animation, but…

When I added a video element, It didn’t show it.  
The above linked thread mentioned you need the video to be in a format of .webm, it didn’t help. I only see a red rectangle.  
I can’t see the console, I can only display it on a text element on the screen, and the video element wrote an error with code 4 (Google: MEDIA\_ERR\_SRC\_NOT\_SUPPORTED)

I tried both with a local webm and a URL.

Can you provide a working example?  
Thanks

```auto
<video ref="webm"
      id="myVideo"
      autoplay
      muted
      mute
	    src="bb.webm"
      style="
        border: solid 1px red;
        background-color: #ff000080;
        width: 300px;
        height: 200px;
      ">

    </video>

```

---

<div class="post-metadata">

**Author:** ![Mikron](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mikron/32/18634_2.png) [@Mikron](https://devforum.zoom.us/u/Mikron)\
**Post date:** [September 29, 2024, 10:30am UTC](https://devforum.zoom.us/t/layers-api-wont-display-a-video-even-when-using-webm/117873/7 "2024-09-29T10:30:36Z")

</div>

Hi @MaxM can I get more direct support? We are trying to build a serious product here which will give a boost to certain Zoom users.

It feels like your support team barely responds.  
We have 2 major problems - one is the video display failure.  
The other one is that the webapp is not able to contact Firebase services and thus authenticate the user (it’s blocked)

We would like to have a tech support person to help us solve those urgent issues please, so we won’t have to abandon the Zoom solution.

Thank you.