Notifications
Clear all

How can I dissect this code to add to iFrame Pro settings?

2 Posts
2 Users
0 Reactions
855 Views
Posts: 1
 turk
Topic starter
(@turk)
New Member
Joined: 3 years ago

My issue. I have site A on a server that has WebSocket video/audio chat. Kind of like Zoom. I have Site B which is a basic WordPress website. I would like a page where I can embed video feeds of chat rooms from Site A to Site B. If I use the code below, I have no issues embedding from one website to the other, even without Advanced iFrame and it seems responsive. Just a pain in the butt to do though.

Then I remembered that I purchased this plugin. Hoping it would make my life easier. Went to the settings area all cocky because I'm an extra confident web-designer-wannabee. I was stopped at the tracks as soon as I saw the never-ending settings. I was clueless by the time I got to the third tab. So I went looking for answers only to be even more confused. I'm hoping what I'm trying to accomplish will work by using this plugin.

From the code below, I had to add allow="display-capture; microphone; camera; for it to even work before I added iFrame Pro. Then had to add other code to make it responsive. It all worked well. I patted myself on the back but I also told myself that I don't want to do this every time. My question is, would I be able to use this plugin to somehow dissect the code below and enter it into the settings to make it easier on me? For example, every URL embedded will be the same URL followed by /what-ever-chatroom?p=1234 Is there a magic recipe I should be going by to make this even better? And if so where and how would I put it and word it? That way I would like to just embed the URL rather than the script and other content. 

Thanks in advance to anyone that can point me in the right direction.

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://example.com/222?p=eyJhZ2VudE5hbWUiOiJUdXJrIiwidmlzaXRvck5hbWUiOiJVc2VyIiwiYWRtaW4iOjF9286'allow="display-capture; microphone; camera;" frameborder='0' allowfullscreen></iframe></div>
1 Reply
TinyWebGallery
Posts: 923
Admin
(@admin)
Prominent Member
Joined: 16 years ago

hi.

you can set this by using the demo here:

http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-videos

allow is directly supported in the shortcode or you can set it on the basic tab.

Best regards,

Michael

 

Reply