在 Streamlit 上播放静音循环视频

Question

我正在尝试在我的 Streamlit 主页上显示静音循环视频，在 Chrome 上运行：

col1, col2 = st.columns([1, 1])

video_html = """
            <video width="320" height="240" autoplay loop>
            <source 
            src="resources/video (online-video-cutter.com).mp4" 
            type="video/mp4" />
            </video>

        """
col2.markdown(video_html, unsafe_allow_html=True)
       

但是，一旦我运行该应用程序，我什么都看不到（字面意思是空白页）。

如何正确自动播放静音视频并解决问题？

Answer 1

添加这些属性：

autoplay="true" -- For autoplay
muted="true" -- For mute
loop="true" -- For Loop

<video controls width="250" autoplay="true" muted="true" loop="true">
<source 
            src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" 
            type="video/mp4" />
</video>

mdn:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-muted https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-autoplay