Anyone creating business-facing apps with Streamlit?

Using Streamlit
26

Thankyou :).

It’s quite straight forward.

To play the video full screen, you need to suppress the banner at the top of streamlit

hide_decoration_bar_style = '''
        <style>
            header {visibility: hidden;}
        </style>
    '''
    st.markdown(hide_decoration_bar_style, unsafe_allow_html=True)

The code below plays the video. I got this from the forums

video_html = """
            <style>

            #myVideo {
              position: fixed;
              right: 0;
              bottom: 0;
              min-width: 100%;
              min-height: 100%;
            }

            .content {
              position: fixed;
              bottom: 0;
              background: rgba(0, 0, 0);
              color: #f1f1f1;
              width: 100%;
              padding: 0px;
            }

            </style>
            <video autoplay muted loop id="myVideo">
              <source src="<url to your video>">
              Your browser does not support HTML5 video.
            </video>
            """

    st.markdown(video_html, unsafe_allow_html=True)

Hope those help

1 Like