Set onCanPlay handler on <video /> to adjust the component height

whitphx · Jan 24, 2021 · 1a57a97 · 1a57a97
1 parent fc48060
commit 1a57a97
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/tiny_streamlit_webrtc/frontend/src/TinyWebrtc.tsx b/tiny_streamlit_webrtc/frontend/src/TinyWebrtc.tsx
@@ -32,7 +32,12 @@ class TinyWebrtc extends StreamlitComponentBase<State> {
     return (
       <div>
         <button onClick={this.start}>Start</button>
-        <video ref={this.videoRef} autoPlay playsInline />
+        <video
+          ref={this.videoRef}
+          autoPlay
+          playsInline
+          onCanPlay={() => Streamlit.setFrameHeight()}
+        />
       </div>
     )
   }