{"name":"Super Interactive Video","key":"superinteractivevideo","version":"1.0.7","instructions":"Shows a video + interactive transcript. The captions are made and edited here on Moodle. ","showatto":"0","showplayers":"1","requirecss":"","requirejs":"","shim":"","defaults":"lang=\"en\"","amd":"1","body":"<div id='@@AUTOID@@_container' class='super_interactive_video_player_container'></div>\n<div id=\"@@AUTOID@@_original\" style=\"display: none\">\n<a href=\"@@RAWVIDEOURL@@\"  @@DATAATTRIBUTES@@ class=\"nomediaplugin\">video</a>\n</div>","bodyend":"","script":"templates.render('filter_poodll/pw-interactivevideo',opts).then(function(html, js) {\n\n                // The templates object has append, prepend and replace functions.\n                templates.appendNodeContents('#' + @@AUTOID@@ + '_container', html, js);\n          \n  }).fail(function(ex) {\n                // Deal with this exception \n\n });","style":".splitter {\n flex: 0 0 auto;\n    width: 2%;\n    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353;\n    min-height: 200px;\n    cursor: col-resize;\n    height: 480px;\n}\n.fpv_flexrow{\n   display: flex;flex-direction: row;\n}\n.fpv_flexcol{\n   display: flex;flex-direction: column;\n   max-width: 800px;\n\n}\n.fpv_flexcol .sivvideo{\n\twidth: 100%;\n} \n.fpv_flexcol .filterpoodll_siv_transcriptcontainer{\n    height: 320px;\n}\n.sivvideo{\n\twidth: 50%;\n} \n.filterpoodll_siv_transcriptcontainer{\n       flex: 1 1 auto;\n}\n.transcript-body{\n\theight: 100% !important;\n}\n.filterpoodll_siv_transcriptcontainer{\n    height: 480px;\n}\n.filterpoodll_siv_transcriptscrollable {\n    height: calc(100% - 37px);\n}\n@media screen and (max-width: 992px) {\n\t.filterpoodll_siv_transcriptmain_container{\n           display: block !important;\n       }\n    .splitter{\n        display: none;\n     }\n\n     .filterpoodll_siv_transcripttools{\n           display: none;\n     }\n\n     .sivvideo{\n\t\twidth: 100%;\n\t\tfloat: none;\n\t\theight: 200px;\n      } \n     .filterpoodll_siv_transcriptcontainer{\n\t\tfloat: none;\n\t\tmargin-left: 0%;\t\t\n      }\n      .filterpoodll_siv_transcriptcontainer{\n\t\theight: 200px !important;\n     }\n     .filterpoodll_siv_transcriptscrollable {\n\t\theight: calc(100%-37px);\n              /* 163px !important; height - toolbar height */\n     }\n}\n\n/* interactive transcript */\n.filterpoodll_siv_transcriptcontainer {\n    font-family: Arial, sans-serif;\n    border: 1px solid #111;\n}\n\n.filterpoodll_siv_transcript-header {\n    height: 19px;\n    padding: 2px;\n    font-weight: bold;\n    text-align: center;\n}\n.filterpoodll_siv_transcript-selector {\n    height: 25px;\n}\n.filterpoodll_siv_transcript-body {\n   /* overflow-y: scroll; */\n    background-color: #e7e7e7;\n    position: relative;\n    margin: auto;\n}\n\n.filterpoodll_siv_transcript-line {\n    position: relative;\n    padding: 5px;\n    cursor: pointer;\n    line-height: 1.3;\n}\n\n.filterpoodll_siv_transcript-line:nth-child(odd) {\n    background-color: #f5f5f5;\n}\n\n\n.filterpoodll_siv_transcript-timestamp {\n    position: absolute;\n    display: inline-block;\n    color: #333;\n    width: 50px;\n}\n\n.filterpoodll_siv_transcript-text {\n    display: block;\n    margin-left: 50px;\n}\n\n.filterpoodll_siv_transcript-line:hover,\n.filterpoodll_siv_transcript-line:hover .filterpoodll_siv_transcript-timestamp,\n.filterpoodll_siv_transcript-line:hover .filterpoodll_siv_transcript-text {\n    background-color: #777;\n    color: #e7e7e7;\n}\n\n.filterpoodll_siv_transcript-line.is-active,\n.filterpoodll_siv_transcript-line.is-active .filterpoodll_siv_transcript-timestamp,\n.filterpoodll_siv_transcript-line.is-active .filterpoodll_siv_transcript-text {\n    background-color: #555;\n    color: #e7e7e7;\n    width: auto;\n}\n\n.filterpoodll_siv_transcripttitle {\n  /*  Set line height to same height at toolbar */\n   line-height: 35px;\n   margin-left: 5px;\n   font-weight: bold;\n}\n\n.filterpoodll_siv_transcripttoolbar {\n background-color: #CCC;\n max-height: 35px;\n min-height: 35px;\n overflow:hidden\n}\n.filterpoodll_siv_transcriptscrollable {\n    width: 100%;\n    font-family: Arial, sans-serif;\n    overflow-x: hidden;\n    overflow-y: scroll;\n    scroll-behavior: smooth;\n}\n.filterpoodll_siv_transcripttools {\n    float: right;\n}\n\n/* toggle timestamp on and off */\n.filterpoodll_siv_transcript-body.notimestamp .filterpoodll_siv_transcript-timestamp {\n    display: none;\n}\n\n.filterpoodll_siv_transcript-body.notimestamp .filterpoodll_siv_transcript-text {\n    margin-left: 5px;\n}\n","dataset":"","datasetvars":"","alternate":"","alternateend":""}