diff --git a/RazorBarcodeLibrary/wwwroot/barcodeJsInterop.js b/RazorBarcodeLibrary/wwwroot/barcodeJsInterop.js
index b66aca4..ae8f223 100644
--- a/RazorBarcodeLibrary/wwwroot/barcodeJsInterop.js
+++ b/RazorBarcodeLibrary/wwwroot/barcodeJsInterop.js
@@ -160,7 +160,9 @@ export async function setVideoElement(scanner, videoId) {
     if (!Dynamsoft) return;
 
     try {
-        await scanner.setUIElement(document.getElementById(videoId));
+        let element = document.getElementById(videoId);
+        element.className = "dce-video-container";
+        await scanner.setUIElement(element);
     }
     catch (ex) {
         console.error(ex);
diff --git a/example/Pages/Index.razor b/example/Pages/Index.razor
index c74fe0d..5ecfa5a 100644
--- a/example/Pages/Index.razor
+++ b/example/Pages/Index.razor
@@ -66,7 +66,7 @@
             </div>
 
             <div id="videoview">
-                <div class="dce-video-container" id="videoContainer"></div>
+                <div id="videoContainer"></div>
                 <canvas id="videoOverlay"></canvas>
             </div>
         }