Embedding a Video or Image via Iframe

Challenge 

Embedding a video or an image with Iframe.

Solution 

Here is an example of how to embed a video stored on your Youtube. The same technique will work for videos on CloudAdmiral and similar platforms.  
 
In a “Say” node select "Text" as input type and add the following HTML embed code to the "Text" field: 
 

<iframe width="560" height="250" src="https://www.youtube.com/embed/D18JNjUPvN4"></iframe> 

 

sayNode-iframe-embed.png

Interaction Panel view of Iframe embedding 

 
 Feel free to adjust the width and the height values of your video to fit your needs. 
 
When you talk to your bot in the Interaction Panel, the video will not show up. This is because of security reasons - The Interaction Panel does not run any code, however, if you test on the Webchat Endpoint, it will work as intended. 

 

webchatIframeEmbedView.png

Webchat Endpoint view of Iframe embedding 

 

Important TIP!  

Make sure you set all required permissions for your video/image on your chosen Cloud platform to allow your video to be previewed by a link. 

 
 
 


Comments

0 comments

Article is closed for comments.

Was this article helpful?
0 out of 0 found this helpful