Audio/Video Embed
Audio/Video Embed
Embed field allows you to seamlessly embed video and audio directly within your form.
To embed video/audio on your form,
- Drag and drop the Embed field from the Basic fields.
- In the pop-up, select the Type of Embed and provide the appropriate URL from supported sources.
To copy embed code from Zoho WorkDrive,
- Select the file in Zoho WorkDrive.
- Click the Share dropdown in the top action bar.
- Select New embed code from the dropdown.
- From this copy the source alone as highlighted in the below example.
<iframe src="https://workdrive.zohoexternal.com/embed/him233b2d94f5be2218f2556a65fe33eba?toolbar=false&appearance=light&themecolor=green" scrolling="no" frameborder="0" allowfullscreen=true width="800" height="520" title="Embed code" ></iframe> - Paste this code in the Embed Pop-up in Zoho Forms.
Note: For WorkDrive URLs with custom domains, you'll need to modify the URL format by replacing the custom domain with workdrive.zohoexternal.(dc).
For example:
3. In the field Properties, you can change the Field Label and provide description about the embed file under Instructions.
4. You can change the Type of Embed from Audio to Video or vice-versa at any point. Changing the embed type removes the URL associated with the previous selection.
5. You can choose to align the embed container to the left, center or right of the form using Embed Container Alignment.
6. Select the embedded video orientation type (Landscape or Portrait), specifically for forms viewed on mobile devices to enhance responsiveness.
7. You can adjust the Width and Height of the embedded audio/video container. You can adjust the width in both px and %. If you choose to have the embedded audio/video to be responsive on all the devices, we recommend you to prefer to configure the width in %.
8. Allowed width range and height range of the container is 250px/30% to 1000px/100% and 150px to 500px respectively, if you enter value outside this range the embed container will automatically adjust to the default size of 560px width and 315px height.
Supported video sources:
YouTube, Instagram, Vimeo, Loom, Dailymotion, Wordpress TV, KinoMap, Zoho WorkDrive, Dubb (copy the source URL from the embed code for Dubb).
Supported audio sources:
Spotify, SoundCloud, Amazon Music, Youtube Music, Apple Music, Zoho WorkDrive.
9. To enable video/audio autoplay option, the following parameters must be appended to the URL format.
Video Sources | Paramaters to be appended |
Youtube | autoplay=1&mute=1 |
Youtube Shorts | autoplay=1&mute=1 |
Vimeo | autoplay=1&muted=1&autopause=0 |
Instagram | Autoplay not allowed |
DailyMotion | autoplay by default |
| Loom | autoplay=1 |
Wordpress TV | autoplay=1 |
KinoMap | autoStart=true |
Zoho WorkDrive | autoplay=true |
| Dubb | autoplay=0&muted=0 |
Audio Sources | Paramaters to be appended |
Spotify | Autoplay not allowed |
| SoundCloud | auto_play=true |
Amazon Music | Autoplay not allowed |
Youtube Music | autoplay=1&mute=1 |
Apple Music | Autoplay not allowed |
Zoho WorkDrive | autoplay=true |
Note:
- Certain YouTube videos have download limitations. When these videos are embedded in forms and shared, they will play on web forms but not on mobile devices due to download restrictions.
- Autoplay restrictions in some browsers may prevent videos from playing automatically on form load, even if parameters are added.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Embed a form as a Lightbox pop-up
Lightbox form is a pop-up that overlays the webpage, when the user engages with your webpage . This helps in drawing the attention of your website visitors to the form. For example, if you require your customers to subscribe to your newsletter to ...Audio/Video Upload
Whether you're collecting video resumes in job applications, getting videos for a film audition, or getting song auditions via online forms, the Audio/Video Upload field makes it a breeze. Using this field, you can let your respondents upload ...Embed form as a Hyperlink
This option lets you include the form as a hyperlink on your web page. When the website visitors click this link, the form will open in a popup window. To embed the form as a hyperlink: In your form builder, go to Share > Embed > Hyperlink. Copy and ...Embed a form using iframe
Your website layout and the theme used will affect how your form appears in your web page. You can embed your form as a frame on your webpage using the code we provide. We calculate the height and the width of your form based on the container in ...Embed a form using HTML/CSS codes
To further modify and customize the forms which you wish to embed in your website, you can download your form as a plain HTML file or a HTML with CSS file. To do so, In your form builder, go to Share > Embed > HTML & CSS. Click Generate Code to ...
New to Zoho LandingPage?
Zoho LandingPage Resources