Full Screen Video (question and some solution inside)


I’m looking for the solution to show clean and neat full screen video without any control on the screen, with auto advance to the following  question. So far I found a solution to show full screen video within the browser but browser itself is still visible. The reason – SG question builder cleans up the keyword “allowFullScreen” so no way to add it. I guess this made for purpose but may be someone will able to advice how to overcome this?

So, here is solution for fullscreen within the browser (based on YouTube IFrame player; I found SG player unreliable):

  1. Add this code to Style/CSS editor tab (project-wide setting):

    .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    .sg-timer-bar {
    display: none;

  2. Create a survey page, add the Page Timer action to the page (length = video length)
  3. Add to the page-layout-CSS class name the following code: videoWrapper
    Do not add this CSS name to the question level, it won’t work.
  4. Add the Text/Instructions to the page and add the following code there:
    <iframe frameborder=”0″ height=”315″ src=”https://www.youtube.com/embed/–youtubecode–?autoplay=1&amp;disablekb=1&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;start=0&amp;controls=0″ width=”560″></iframe>
    Replace –youtubecode– code with YouTube code of desired video.
Nikolay Ryazantsev asked


    Question stats

    • Active
    • Views3207 times
    • Answers0 answers
    • Followers1 follower