Summary I have some CSS and Javascript code that works correctly when deployed in a HTML file, but when copied and pasted into my streamlit app it does not work properly. Steps to reproduce Code snippet: if st.button('Video'): with open("/users/jaredperez/documents/local_testing/output.mp4",…

You can’t run JavaScript through st.markdown, you need the components API. [image] Embed function to html in st.markdown Using Streamlit You won’t be able to execute any JavaScript using st.markdown. You will need to use the components api instead. Note that with the c…

@Jared_Perez Hi, JS is not directly supported in streamlit. As @mathcatsand mentioned, give a try in streamlit components which is available in below url [image] Components API - Streamlit Docs steps are self explanatory in above document to achieve what are yo…

I am not entirely sure what I am doing wrong (I am new to JS/HTML etc.) but i essentially copied and pasted the example from the documentation but replaced it with my own HTML and nothing renders. Any advice? import streamlit as st import streamlit.components.v1 as components components.html( …

First, note that components.html already wraps your content inside a <body> tag within an <iframe>, so you don’t need the extra layers. I’m not sure what your local environment is exactly, but I suspect an issue with your file locations. Try turning on static hosting and moving your videos to the s…

I was able to solve it by replacing document.get with window.parent.document.get in the lines as you suggested in your other post and using the components API. Thank you! :slight_smile: const video = document.getElementById('myvideo'); const audio = document.getElementById('myaudio'); const video …

JS and CSS working in HTML but not in streamlit app

Using Streamlit

mathcatsand April 6, 2023, 6:20am 2

You can’t run JavaScript through st.markdown, you need the components API.

Topic		Replies	Views
HTML Code Works Different In Streamlit (General Problem) Using Streamlit	3	1704	December 11, 2022
HTML/ CSS/ Javascript use with streamlit Show the Community!	1	3987	August 29, 2023
Playing webrtc stream by embedding html containing the video tag Custom Components	3	1651	November 13, 2023
Embed function to html in st.markdown Using Streamlit	1	1800	April 4, 2023
Can't import local css and local jss in streamlit.v1.components.html Custom Components	2	3204	July 26, 2021

JS and CSS working in HTML but not in streamlit app

Related topics