Video Page<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100vh;\n text-align: center;\n }\n .videoWrapper {\n position: relative;\n padding-bottom: 80%; \/* 16:9 aspect ratio *\/\n width: 90%; \/* Adjust the width as needed *\/\n margin-top: 20px;\n margin-bottom: 20px; \/* Space between video and button *\/\n }\n .videoWrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n #nextButton {\n display: block;\n background-color: #007bff;\n color: white;\n padding: 10px 20px;\n font-size: 16px;\n border: none;\n border-radius: 5px;\n cursor: not-allowed;\n opacity: 0.5;\n margin-top: 10px; \/* Added top margin *\/\n }\n #progressBarContainer {\n width: 90%;\n background-color: #e0e0e0;\n border-radius: 5px;\n margin-top: 10px;\n }\n #progressBar {\n height: 10px;\n background-color: #007bff;\n border-radius: 5px;\n width: 77%; \/* Represents the progress (7\/9 = 77%) *\/\n }\n #progressText {\n text-align: center;\n margin-top: 5px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"videoWrapper\">\n <div id=\"videoContainer\">Loading video…<\/div>\n <\/div>\n <button id=\"nextButton\">Next<\/button>\n\n \n <div id=\"progressBarContainer\">\n <div id=\"progressBar\"><\/div>\n <\/div>\n <div id=\"progressText\">Page 7 out of 9<\/div>\n\n <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n <script>\n $(document).ready(function() {\n var groupID = localStorage.getItem('groupID');\n console.log(localStorage.getItem('groupID'));\n alert('Watch this instructional video to learn how to use GPT-4. The Next button will become enabled after you finish watching. Your Group ID: ' + groupID);\n\n if (groupID === null) {\n alert('Group ID is missing');\n return; \/\/ Exit if no groupID\n }\n\n var videoUrl;\n switch (parseInt(groupID)) {\n \n \/\/ case 4:\n \/\/ videoUrl = \"https:\/\/www.beams-experiments.com\/SCAMPER.mp4\";\n \/\/ break;\n \/\/case 2:\n \/\/ videoUrl = \"https:\/\/www.beams-experiments.com\/associativeThinking.mp4\";\n \/\/ break;\n case 3:\n videoUrl = \"https:\/\/www.beams-experiments.com\/transformationalCreativity.mp4\";\n break;\n default:\n $(\"#videoContainer\").text(\"Invalid groupID.\");\n return; \/\/ Exit if groupID is invalid\n }\n\n if (groupID > 0) {\n $('#videoContainer').html('<video controls><source src=\"' + videoUrl + '\" type=\"video\/mp4\">Your browser does not support the video tag.<\/video>');\n $('video').on('ended', function() {\n $('#nextButton').prop('disabled', false).css('cursor', 'pointer').css('opacity', '1');\n });\n }\n\n $('#nextButton').click(function() {\n window.location.href = \"https:\/\/www.beams-experiments.com\/index.php\/experiment\/\";\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Video Page Loading video… Next Page 7 out of 9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-159","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":20,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":1699,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions\/1699"}],"wp:attachment":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":159,"date":"2023-12-08T18:29:49","date_gmt":"2023-12-08T18:29:49","guid":{"rendered":"https:\/\/beams-experiments.com\/?page_id=159"},"modified":"2024-02-15T09:42:27","modified_gmt":"2024-02-15T09:42:27","slug":"task-instructions","status":"publish","type":"page","link":"https:\/\/beams-experiments.com\/index.php\/task-instructions\/","title":{"rendered":"Task Instructions"},"content":{"rendered":"\n\n\n\n Video Page<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100vh;\n text-align: center;\n }\n .videoWrapper {\n position: relative;\n padding-bottom: 80%; \/* 16:9 aspect ratio *\/\n width: 90%; \/* Adjust the width as needed *\/\n margin-top: 20px;\n margin-bottom: 20px; \/* Space between video and button *\/\n }\n .videoWrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n #nextButton {\n display: block;\n background-color: #007bff;\n color: white;\n padding: 10px 20px;\n font-size: 16px;\n border: none;\n border-radius: 5px;\n cursor: not-allowed;\n opacity: 0.5;\n margin-top: 10px; \/* Added top margin *\/\n }\n #progressBarContainer {\n width: 90%;\n background-color: #e0e0e0;\n border-radius: 5px;\n margin-top: 10px;\n }\n #progressBar {\n height: 10px;\n background-color: #007bff;\n border-radius: 5px;\n width: 77%; \/* Represents the progress (7\/9 = 77%) *\/\n }\n #progressText {\n text-align: center;\n margin-top: 5px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"videoWrapper\">\n <div id=\"videoContainer\">Loading video…<\/div>\n <\/div>\n <button id=\"nextButton\">Next<\/button>\n\n \n <div id=\"progressBarContainer\">\n <div id=\"progressBar\"><\/div>\n <\/div>\n <div id=\"progressText\">Page 7 out of 9<\/div>\n\n <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n <script>\n $(document).ready(function() {\n var groupID = localStorage.getItem('groupID');\n console.log(localStorage.getItem('groupID'));\n alert('Watch this instructional video to learn how to use GPT-4. The Next button will become enabled after you finish watching. Your Group ID: ' + groupID);\n\n if (groupID === null) {\n alert('Group ID is missing');\n return; \/\/ Exit if no groupID\n }\n\n var videoUrl;\n switch (parseInt(groupID)) {\n \n \/\/ case 4:\n \/\/ videoUrl = \"https:\/\/www.beams-experiments.com\/SCAMPER.mp4\";\n \/\/ break;\n \/\/case 2:\n \/\/ videoUrl = \"https:\/\/www.beams-experiments.com\/associativeThinking.mp4\";\n \/\/ break;\n case 3:\n videoUrl = \"https:\/\/www.beams-experiments.com\/transformationalCreativity.mp4\";\n break;\n default:\n $(\"#videoContainer\").text(\"Invalid groupID.\");\n return; \/\/ Exit if groupID is invalid\n }\n\n if (groupID > 0) {\n $('#videoContainer').html('<video controls><source src=\"' + videoUrl + '\" type=\"video\/mp4\">Your browser does not support the video tag.<\/video>');\n $('video').on('ended', function() {\n $('#nextButton').prop('disabled', false).css('cursor', 'pointer').css('opacity', '1');\n });\n }\n\n $('#nextButton').click(function() {\n window.location.href = \"https:\/\/www.beams-experiments.com\/index.php\/experiment\/\";\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Video Page Loading video… Next Page 7 out of 9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-159","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":20,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":1699,"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions\/1699"}],"wp:attachment":[{"href":"https:\/\/beams-experiments.com\/index.php\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}