How to : video loop method

Streamlit in your Native Language 🇯🇵 Japan / 日本
,
1

When using st.video to loop and autoplay a video, the control bar appears during the loop, which can be distracting. Is there a way to hide it?

3

Currently, there is not a very good way to do this.
I feel you can submit this as a feature request for st.video.

The following code will force the control to be hidden. (browser dependent code)

現状、あまりいい方法がないですね。
st.videoに対する機能要望として出してもいい気がします。

以下のようなコードを書くと強制的にコントロールを非表示にします。(ブラウザ依存コード)

import streamlit as st

st.html('''
<style>
video::-webkit-media-controls {
    display: none !important;
}
video::-webkit-media-controls-panel {
    display: none !important;
}
video::-webkit-media-controls-play-button {
    display: none !important;
}
</style>
''')

VIDEO_URL = "https://cdn.pixabay.com/video/2016/12/31/6962-197634410_large.mp4"
st.video(VIDEO_URL, loop=True, autoplay=True)