I’m trying displaying a particular video w/ Google Drive link (https://drive.google.com/uc?id=XXXXXXXXX) with application of st.markdown(). However, it looks like it doesn’t display the video as a background.
This is my code below:
#Set the page background
the bg_id variable is the id of the Google Drive File. Is there any ways on integrating video as a background? Thanks!
Thanks for posting!
There was another similar question a while back here that explored the same question and had a working solution.
Here’s the code you can use:
import streamlit as st
video_html = """
background: rgba(0, 0, 0, 0.5);
<video autoplay muted loop id="myVideo">
Your browser does not support HTML5 video.
st.markdown("This text is written on top of the background video! 😁")
Here’s a demo app that you can inspect the code for;
This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.