Hello! (especially
I have a full-page embed of a Typeform that works with the JavaScript code like this:
// create widget embed
window.tf.createWidget('<form-id>', {
container: document.querySelector('#wrapper'),
// pass the data to your typeform as hidden fields
hidden: {
hidden_var_1: x,
hidden_var_2: y,
hidden_var_3: z
}
})What is the equivalent JavaScript code in VideoAsk?
Best answer by mathio
View original
+5
Hey
Not sure if this could help, but we do have a code snippet here for a full page embed. Just checking with the team to see if there is a JavaScript equivalent!
+5
Hello, (I am not an expert on VideoAsk, sorry) if you are referring to passing hidden fields into your VideoAsk I think you should be able to achieve this by modifying the URL in iframe src attribute.
<iframe
src="https://www.videoask.com/fn5pz0q1v#hidden_var_1=x&hidden_var_2=y&hidden_var_3=z"
...
></iframe>
Hmmm. I need to be able to dynamically pass hidden variables.
For example, we want to have a VideoAsk set up for our existing users that are logged into our website. Therefore, we do something like the following for our Typeform surveys to automatically pass user IDs and I would like to start using VideoAsk more like this too:
id = getId(); // custom function
// create widget embed
window.tf.createWidget('<form-id>', {
container: document.querySelector('#wrapper'),
// pass the data to your typeform as hidden fields
hidden: {
user_id: id
}
})
+5
You can achieve this with some custom JavaScript like this:
<iframe id="videoask"></iframe>
<script>
const iframe = document.querySelector('#videoask')
iframe.src = `https://www.videoask.com/fn5pz0q1v#user_id=${getId()}`
</script>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow-x: hidden;
overflow-y: hidden;
}
</style>By setting overflow-x and overflow-y to hidden, I could get rid of that annoying and pointless scroll bar.
I am not a web developer, so I do not know if that is a robust solution, but you might want to ask your web developers to consider that in the official recommended code for a full-screen embed.
+5
Hey
+5
Hey
I’ve passed this on to the developer team and they’re going to take a look and see if they can add this on to make it clearer in the full-screen embed code 🙏 thank you for flagging it!
+5
Hey
Just wanted to stop by and give an update from the team, they’re going to look at possibly implementing a toggle to switch to a full screen embed.
They also recommended this code:
<iframe src="https://www.videoask.com/fb0jkrox5?preview" allow="camera *; microphone *; autoplay *; encrypted-media *; fullscreen *; display-capture *;" width="100%" height="100%" style="border: none;" ></iframe>
Which may or may not be useful to you, especially as I know you had already found a fix! Thought I would share just in case it’s useful anyway.
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.