首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Streamlit上播放无声的循环视频

在Streamlit上播放无声的循环视频
EN

Stack Overflow用户
提问于 2022-01-12 10:33:29
回答 1查看 647关注 0票数 1

我试图在我的Streamlit主页上显示一个无声的循环视频,运行在Chrome上:

代码语言:javascript
运行
复制
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)

然而,一旦我运行应用程序,我就看不到任何东西(字面意思是,一个空白页)。

我怎样才能正确地自动播放这个无声的视频并解决这个问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-01-12 10:48:06

添加以下属性:

代码语言:javascript
运行
复制
autoplay="true" -- For autoplay
muted="true" -- For mute
loop="true" -- For Loop

代码语言:javascript
运行
复制
<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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70680012

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档