# Firefox Individual elements not working with multiple videos

**URL:** <https://devforum.zoom.us/t/firefox-individual-elements-not-working-with-multiple-videos/106655>\
**Category:** Video SDK\
**Tags:** video-sdk\
**Created:** [March 27, 2024, 5:23pm UTC](https://devforum.zoom.us/t/firefox-individual-elements-not-working-with-multiple-videos/106655 "2024-03-27T17:23:08Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sam9](https://avatars.discourse-cdn.com/v4/letter/s/858c86/32.png) [@sam9](https://devforum.zoom.us/u/sam9)\
**Post date:** [March 27, 2024, 5:23pm UTC](https://devforum.zoom.us/t/firefox-individual-elements-not-working-with-multiple-videos/106655/1 "2024-03-27T17:23:08Z")

</div>

**Video SDK Type and Version**  
videosdk 1.10.7

**Description**  
Following the instructions here: [Video SDK - web - Video](https://developers.zoom.us/docs/video-sdk/web/video/) Firefox fails to perform normally with 2 or more participant video feeds. The videos start blinking black and glitching out. The docs suggest that you can use the individual elements across all browsers. Is this a known issue? Do I need to attempt to use the single HTML canvas instead? I would rather use the documentation code that follows with individual elements – seems to be working on all other browsers. And docs say “previously you could only use the single canvas method” implying the individual one should work now?

**Error?**  
Video feeds go in and out and flash black screen

**How To Reproduce**  
_Steps to reproduce the behavior including:_  
_1. Listen for particpant video streams_  
\*2. attempt to render more than 1 participant video:  
stream.attachVideo(USER\_ID, RESOLUTION).then((userVideo) =\> {  
document.querySelector(‘video-player-container’).appendChild(userVideo)  
})  
\*3. Firefox 124.0.1 ( 64 bit )

---

<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 28, 2024, 2:31am UTC](https://devforum.zoom.us/t/firefox-individual-elements-not-working-with-multiple-videos/106655/2 "2024-03-28T02:31:24Z")

</div>

Hey @sam9

Thanks for your feedback.

It’s a known limitation. When the page doesn’t enable SharedArrayBuffer, Firefox only allows one `video-player` element per `video-player-container` element.

You can determine how to implement this using the `stream.isSupportMultipleVideos()` method. If the return value is `false`, then each `video-player` element needs a parent `video-player-container` element.

Thanks  
Vic

---

<div class="post-metadata">

**Author:** ![sam9](https://avatars.discourse-cdn.com/v4/letter/s/858c86/32.png) [@sam9](https://devforum.zoom.us/u/sam9)\
**Post date:** [March 28, 2024, 4:52pm UTC](https://devforum.zoom.us/t/firefox-individual-elements-not-working-with-multiple-videos/106655/3 "2024-03-28T16:52:20Z")

</div>

@vic.yang You are a gentleman and a scholar. Take the rest of the day off.

---

<div class="post-metadata">

**Author:** ![sam9](https://avatars.discourse-cdn.com/v4/letter/s/858c86/32.png) [@sam9](https://devforum.zoom.us/u/sam9)\
**Post date:** [April 4, 2024, 10:14pm UTC](https://devforum.zoom.us/t/firefox-individual-elements-not-working-with-multiple-videos/106655/5 "2024-04-04T22:14:12Z")

</div>

For Safari I’m able to render up to 4 videos at a time – is that the known max? I’ve tried both tactics:

- 1 video-player-container with multiple videos under it
- Multiple video-player-containers with single videos under it ( like FireFox fix)

However I run into the same error each time in that Safari is subscribed to its max of 4 video feeds.

The specific 2 errors are as follows:

“There are too many active WebGL contexts on this page, the oldest context will be lost.”

"Error: {type: “INVALID\_OPERATION”, reason: “subscribe video counts greater than maximum size (4)”}

Any ideas on this? Even when I introduce pagination i’m running into this issue – is there anything beyond stream.detachVideo(userId) to properly cleanup?