top of page

1. Embedded website with
https://survey.phonic.ai/66f2f0b61ed5303ad22ae298

Works and displays as required but record button doesn't work. When not embedded and direct in the browser works fine. 

image.png

2. Embedded inline code -  as default
<div data-phonic-embed="widget" data-survey-id="66f2f0b61ed5303ad22ae298" data-staging="true" style="width:100%;height:420px;margin:0 auto" id="launch-icon"></div><script defer="" src="https://api.phonic.ai/survey-embed.min.js"></script>

Does not display full height and record button does not work. See next on heoght adjustment. Scroll down as there is white space left for 3.
 

image.png

3. Embedded inline code -  as default
<div data-phonic-embed="widget" data-survey-id="66f2f0b61ed5303ad22ae298" data-staging="true" style="width:100%;height:100%;margin:0 auto" id="launch-icon"></div><script defer="" src="https://api.phonic.ai/survey-embed.min.js"></script>

Does not display full height and record button does not work. 

scroll down to 4. white space left

image.png

4. Embedding a Full survey with <iframe>
<iframe src="https://survey.phonic.ai/66f2f0b61ed5303ad22ae298" allow="camera; microphone"  style="width: 100%; height: 100%"></iframe>

Displays correctly but the camera record button does not work.

image.png

5. Embedding a Full survey with <iframe> but simplified
<iframe src="https://survey.phonic.ai/66f2f0b61ed5303ad22ae298" height="100%" width="100%"></iframe>
Displays correctly but the camera record button does not work.

image.png
bottom of page