Why Does <video-player> Render as a <div> with SharedArrayBuffer Enabled, but as a <video> Otherwise — and How Can I Style It?

Here is the codes for reference:

<video-player-container data-v-423765ad="" class="video-player" style="display: block; position: relative;">
   <video-player node-id="16778240" media-type="video" style="width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; border-radius: 16px !important; display: block !important; position: absolute !important; top: 0px !important; left: 0px !important; z-index: 1 !important; image-rendering: auto !important; transform: translateZ(0px) !important; will-change: transform !important;">
      <div style="width: 100%; height: 100%;"></div>   <-- This is the video -->
   </video-player>
</video-player-container>

I’d like to know how I can style it, and whether there are any options for using the <video> tag again.

Hey @devtesting492

Thanks for your feedback.

Whether the video-player internally uses a video tag depends on which video solution is being used. If you’re on version 2.1.0 or above, you can explicitly enable the WebRTC video solution by setting video_webrtc_mode: 1 in the JWT. Otherwise, the SDK will automatically decide which video solution to use.

Thanks
Vic

Thanks for clarifying. Since we’re on version 2.1.0 or above, I’ll explicitly set video_webrtc_mode: 1 in the JWT to ensure the WebRTC video solution is used, instead of relying on the SDK to decide automatically :folded_hands:

Hi @vic.yang

I’d like to confirm whether the WebRTC video solution is supported in Firefox. I tried using video_webrtc_mode: 1 in the JWT, but it doesn’t seem to work.

Hi @devtesting492

I’d like to confirm whether the WebRTC video solution is supported in Firefox.

Currently, WebRTC video solution is not supported on Firefox.

We are continuously iterating and updating, and this will be supported in a future release. Please stay tuned.

Thanks
Vic