{"id":11522,"date":"2022-05-24T12:36:16","date_gmt":"2022-05-24T12:36:16","guid":{"rendered":"https:\/\/www.mainbrainer.com\/hc\/knowledge-base\/survey-video-widget\/"},"modified":"2022-11-24T08:06:19","modified_gmt":"2022-11-24T08:06:19","slug":"survey-video-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/survey\/creator\/video\/","title":{"rendered":"Survey Video Widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>The <strong>video widget<\/strong> helps you add a video to your survey. Currently, we support video addition via Youtube, Vimeo, and direct uploads. You can also add a caption text for the added video.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>How to Add a Video Widget to a Survey?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 1 &#8211;&nbsp;Navigate to the Survey Creator<\/h3>\n<p>Open the Survey Creator to start <a href=\"\/hc\/en_GB\/survey\/creator\/create\/\" target=\"_blank\" rel=\"noopener\">creating your survey<\/a>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1846 size-full\" title=\"Survey creator area\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/11\/survey-video-widget-creator.png\" alt=\"Survey creator area. The work area is visible\" width=\"1153\" height=\"742\"><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 2 &#8211; Add a Video Widget to your Survey<\/h3>\n<p>To add a video to your Survey, drag and drop the <strong>Video widget<\/strong> to the work area.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1846 size-full\" title=\"Survey video widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-video-widget.png\" alt=\"Survey creator drag and drop video widget\" width=\"467\" height=\"742\"><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 3 &#8211; Upload\/Select the Video<\/h3>\n<p>Once you drop the widget in the work area, you\u2019ll see the widget settings on the right side.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1848\" title=\"Survey video settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/11\/survey-creator-video-settings.png\" alt=\"Survey video widget. Video widget settings tab is highlighted\" width=\"1183\" height=\"860\"><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>You can:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li>Use the <strong>Video Platform<\/strong> dropdown menu to select the medium using which you want to add the video to your Survey \u2013 is it via Youtube\/ Vimeo or a direct upload.<\/li>\n<li>Based on the option you select in this field, the subsequent field gathers the required information relevant to that action.<\/li>\n<\/ul>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>For example:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Scenario 1:<\/strong> You opt to add a video via Youtube:<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1849 size-full\" title=\"Survey video youtube\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-page-video-youtube.png\" alt=\"Survey video widget. Select video platform. Youtube is selected\" width=\"457\" height=\"287\"><\/p>\n<p>Here, use the <strong>Video Platform dropdown<\/strong> menu to select <strong>Youtube.<\/strong> Subsequently, use the <strong>Add Link or Search<\/strong> field as shown in the above screenshot to enter a keyword to search for the Youtube video. You can also directly add the URL of the video. As you type in the keyword\/ URL, a list of video suggestions is displayed \u2013 From the list of video suggestions, select the video that you want to add to your survey.<\/p>\n<div style=\"padding: 5px 0;\"><\/div>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Scenario 2:<\/strong> You opt to add a video via Vimeo:<\/li>\n<\/ul>\n<p>Similarly, in this case, use the Video Platform dropdown menu to select Vimeo. Use the next field to enter a keyword to search for the Vimeo video. You can also directly add the URL of the video.<\/p>\n<div style=\"padding: 5px 0;\"><\/div>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Scenario 3:<\/strong> You opt to upload a video directly:<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1849 size-full\" title=\"Survey video upload settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-private-video.png\" alt=\"Survey video. Video upload settings. Upload your own video is selected\" width=\"450\" height=\"287\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>In this case, use the dropdown to select the option \u2013 Upload your own video. Subsequently, click the Pick File button to upload the video from your system directly.<\/p>\n<blockquote class=\"elevio-box-info\"><p><strong>Note:<\/strong> For direct uploads, the video you wish to upload should be in MP4 format.<\/p><\/blockquote>\n<div style=\"padding: 20px 0;\"><\/div>\n<h3>Step 4 &#8211; Enter a Suitable Caption for the Video<\/h3>\n<p>Use the area highlighted in the screenshot below to type in a relevant caption for the added video. Use the different available tools to customize the font\/ style\/ color of the added text.<\/p>\n<div style=\"padding: 5px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1849 size-full\" title=\"Survey video caption\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-video-caption.png\" alt=\"Survey video widget. Video caption settings is highlighted\" width=\"1183\" height=\"287\"><\/p>\n<div style=\"padding: 5px 0;\"><\/div>\n<p>You can also choose to hide the video caption using the checkbox.<\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1849 size-full\" title=\"Survey video hide caption\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-video-caption-hide.png\" alt=\"Survey video widget. Hide video caption selected\" width=\"557\" height=\"188\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<h3>Step 5 \u2013 Customize the Widget Style<\/h3>\n<p>Use the options under the <strong>Style<\/strong> tab to edit the appearance of the Video app.<\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1849 size-full\" title=\"Survey video style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/11\/survey-creator-video-styling.png\" alt=\"Survey video widget. Video caption style is highlighted\" width=\"1183\" height=\"476\"><\/p>\n<div style=\"padding: 5px 0;\"><\/div>\n<p>The different design options available are:<\/p>\n<div style=\"padding: 5px 0;\"><\/div>\n<p><strong>5.1 Video Font settings and Background color<\/strong><\/p>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Caption Background Color<\/strong> to change the color of the caption background<\/li>\n<li><strong>Border Size and Color<\/strong> to customize the widget border (use the sizing bar to adjust the thickness of the border)<\/li>\n<li><strong>Border Style<\/strong> to change the type of the widget border \u2013 solid, dotted, etc.,<\/li>\n<li><strong>Rounded Corners<\/strong> sizing bar to add rounded corners to the widget.<\/li>\n<\/ul>\n<p><strong>5.2 Video Setting<\/strong><\/p>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Widget Width<\/strong> to adjust the width of the widget in the work area<\/li>\n<li><strong>Video Caption Position<\/strong> to change the alignment of the caption text with respect to the added video.<\/li>\n<li>You can also choose to make the widget <strong>Edge to Edge<\/strong>, i.e., fit the work area\u2019s width.<\/li>\n<\/ul>\n<p>Click <strong>Save<\/strong> and that\u2019s it!<\/p>\n<div style=\"padding: 5px 0;\"><\/div>\n<p>You have successfully added a video to your <a href=\"\/hc\/en_GB\/survey\/creator\/widgets\/\" target=\"_blank\" rel=\"noopener\">survey<\/a>!<\/p>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n  }<br \/>\n<\/style>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The video widget helps you add a video to your survey. Currently, we support video addition via Youtube, Vimeo, and direct uploads. You can also add a caption text for the added video. How to Add a Video Widget to a Survey? Step 1 &#8211;&nbsp;Navigate to the Survey Creator Open [&hellip;]<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[398],"ht-kb-tag":[],"class_list":["post-11522","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-survey-builder-en_gb-2"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/comments?post=11522"}],"version-history":[{"count":4,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11522\/revisions"}],"predecessor-version":[{"id":11984,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11522\/revisions\/11984"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/media?parent=11522"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-category?post=11522"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-tag?post=11522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}