# Render multiple videos when \`stream.isSupportMultipleVideos()\` is false

**URL:** <https://devforum.zoom.us/t/render-multiple-videos-when-stream-issupportmultiplevideos-is-false/115193>\
**Category:** Web\
**Created:** [August 7, 2024, 10:34am UTC](https://devforum.zoom.us/t/render-multiple-videos-when-stream-issupportmultiplevideos-is-false/115193 "2024-08-07T10:34:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![lmtruong1512](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/lmtruong1512/32/59233_2.png) [@lmtruong1512](https://devforum.zoom.us/u/lmtruong1512)\
**Post date:** [August 7, 2024, 10:34am UTC](https://devforum.zoom.us/t/render-multiple-videos-when-stream-issupportmultiplevideos-is-false/115193/1 "2024-08-07T10:34:48Z")

</div>

**Description**

I want to render multiple videos as shown in the documentation like this:

```auto
let participants = client.getAllUser()

stream.attachVideo(participants[0].userId, 3).then((userVideo) => {
  document.querySelector('video-player-container').appendChild(userVideo);
})

stream.attachVideo(participants[1].userId, 3).then((userVideo) => {
  document.querySelector('video-player-container').appendChild(userVideo);
})

stream.attachVideo(participants[2].userId, 3).then((userVideo) => {
  document.querySelector('video-player-container').appendChild(userVideo);
})

stream.attachVideo(participants[3].userId, 3).then((userVideo) => {
  document.querySelector('video-player-container').appendChild(userVideo);
})

```

However, when `stream.isSupportMultipleVideos() = false`, only one video is displayed. One approach is to create multiple ‘video-player-container’ elements and append only one video to each container. How can I achieve this in a better way?

**Which Web Video SDK version?**  
1.11.10

**Device (please complete the following information):**

- Device: Mac Mini M1
- OS: 14.5
- Browser: Safari
- Browser Version: Version 17.5 (19618.2.12.11.6)

---

<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:** [August 7, 2024, 11:43am UTC](https://devforum.zoom.us/t/render-multiple-videos-when-stream-issupportmultiplevideos-is-false/115193/2 "2024-08-07T11:43:19Z")

</div>

Hey @lmtruong1512

Thanks for your feedback.

> `stream.isSupportMultipleVideos()`

It depends on various factors such as `SharedArrayBuffer` and device performance.

If the current page does not support `SharedArrayBuffer`, you can enable this feature by specifying `enforceMultipleVideos` in the `client.init` method.

> **[Video SDK - web - SharedArrayBuffer](https://developers.zoom.us/docs/video-sdk/web/sharedarraybuffer/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

> **[InitOptions | Zoom Video SDK for Web - 1.12.0](https://marketplacefront.zoom.us/sdk/custom/web/interfaces/InitOptions.html#enforceMultipleVideos)**
>
> Documentation for Zoom Video SDK for Web - 1.12.0

Thanks  
Vic

---

<div class="post-metadata">

**Author:** ![lmtruong1512](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/lmtruong1512/32/59233_2.png) [@lmtruong1512](https://devforum.zoom.us/u/lmtruong1512)\
**Post date:** [August 8, 2024, 4:00am UTC](https://devforum.zoom.us/t/render-multiple-videos-when-stream-issupportmultiplevideos-is-false/115193/3 "2024-08-08T04:00:41Z")

</div>

> [@vic.yang](#):
>
> enforceMultipleVideos

Thank you, Vic!  
I tried and realized I had initialized the client the wrong way. I corrected it, and now it works

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [September 7, 2024, 2:00pm UTC](https://devforum.zoom.us/t/render-multiple-videos-when-stream-issupportmultiplevideos-is-false/115193/4 "2024-09-07T14:00:44Z")

</div>

Closed on September 7, 2024, 2:00pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.