https://github.com/tonykipkemboi/streamlit-bg-video-demo
A demo app showing how to add a video to the backgound of your Streamlit app!
https://github.com/tonykipkemboi/streamlit-bg-video-demo
Last synced: 4 months ago
JSON representation
A demo app showing how to add a video to the backgound of your Streamlit app!
- Host: GitHub
- URL: https://github.com/tonykipkemboi/streamlit-bg-video-demo
- Owner: tonykipkemboi
- License: mit
- Created: 2023-08-02T17:28:54.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-12T18:07:28.000Z (almost 2 years ago)
- Last Synced: 2025-06-20T05:45:06.539Z (4 months ago)
- Language: Python
- Size: 5.86 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Streamlit Background Video Demo πΊπ
A Streamlit demo app that showcases how you can embed a video as a background in your app!
## Features π
- Full-page video background.
- Interactive video content in the foreground.
- Dynamic credits section for the background video.
## Code Structure π
- **Page Configurations**: Set up the Streamlit page with custom icons, titles, and layout.
- **CSS Styling**: Define styles for the background video and content.
- **Embed Video**: Embed the video link to be used as the background of the Streamlit app.
- **Main Content**: Define the main content of the app, including title, videos, and interactive components.
## How to Run πββοΈ
1. Clone the app:
```bash
git clone https://github.com/tonykipkemboi/streamlit-bg-video-demo.git
```
2. Install requirements:
```bash
pip install -r requirements.txt
```
3. Run the app:
```bash
streamlit run streamlit_app.py
```
## Credits & Acknowledgements π
- Background video sourced from Pond5.
- Foreground video demo from YouTube.
- Designed and coded with β€οΈ by (your's truly) Tony.
Happy Streamlit-ing! π