Allowfullscreen

Is there a way to set allowfullscreen=“true” to chat iFrame so that I can open embed videos from chat in full screen?

Not sure if you want to start the bot in full screen (as soon as page loads) but that seemed to be the issue I had before. You would have to add this to your html page (the main one that houses the bot) and edit the initialization script.

    <script>
      window.botpressWebChat.init({ 
        host: 'http://localhost:3000', 
        botId: 'bot',
        hideWidget: true
        });
        window.setTimeout(function(){
          window.botpressWebChat.mergeConfig({
          containerWidth: '100%',
          layoutWidth: '100%'
        })
        window.botpressWebChat.sendEvent({ type: 'show' });
      }, 100)
    	window.addEventListener('message', function(event) {   <----- Not needed unless you want the bot to initalize the conversation (instead of the user)
    	if (event.data.name === 'webchatOpened') {
    	     window.botpressWebChat.sendEvent({
             type: 'proactive-trigger',
             channel: 'web',
             payload: { text: 'fake message' }
           })
        }
      })
    </script>
1 Like

@Martins_Viksna did the previous answer worked for you ?

No, it didn’t! I don’t need to start a bot in full screen, I need a video to go full screen.

I solved issue by creating new inject.js file where I modified iFrame element

const iframeHTML = '<iframe id="bp-widget" frameborder="0" allowfullscreen allow="fullscreen" src="' + iframeSrc + '" class="bp-widget-web"/>'