{"id":71,"date":"2016-09-01T16:02:08","date_gmt":"2016-09-01T15:02:08","guid":{"rendered":"http:\/\/generic.wordpress.soton.ac.uk\/altc\/?page_id=71"},"modified":"2016-09-02T16:53:18","modified_gmt":"2016-09-02T15:53:18","slug":"creating-an-interactive-video","status":"publish","type":"page","link":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/workshop-tasks\/creating-an-interactive-video\/","title":{"rendered":"Creating an interactive video"},"content":{"rendered":"<h2>Part One &#8211; add your video<\/h2>\n<ol>\n<li>Firstly go to <a href=\"http:\/\/www.youtube.com\" target=\"_blank\">YouTube<\/a> and find an appropriate video. COPY its URL (website address).<\/li>\n<li>Login and go to &#8216;H5p Content&#8217;.<\/li>\n<li>Click &#8216;Add new&#8217;.<\/li>\n<li>Give\u00a0your video a name.<\/li>\n<li>Select the &#8216;Interactive Video&#8217;\u00a0from the drop down.<\/li>\n<li>Click the &#8216;Add&#8217; button under the video files text.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-72\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_video.png\" alt=\"add_video\" width=\"311\" height=\"228\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_video.png 311w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_video-300x220.png 300w\" sizes=\"auto, (max-width: 311px) 100vw, 311px\" \/><\/li>\n<li>PASTE the YouTube video URL into the box shown and click &#8216;insert&#8217;.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-73\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/vid_url.png\" alt=\"vid_url\" width=\"699\" height=\"190\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/vid_url.png 699w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/vid_url-300x82.png 300w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/li>\n<li>Click the &#8216;Create&#8217; button to save your work so far<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/create.png\" alt=\"create\" width=\"285\" height=\"155\" \/><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2>Part Two &#8211; Add a table of contents<\/h2>\n<ol>\n<li>Click &#8216;Edit&#8217;\u00a0if not already in the edit screen<\/li>\n<li>Click &#8216;Add Interactions&#8217;<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-77\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_interactions.png\" alt=\"add_interactions\" width=\"759\" height=\"102\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_interactions.png 759w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_interactions-300x40.png 300w\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" \/><\/li>\n<li>In the bottom bar navigate to a time suitable for a new bookmark, pause the video and click the bookmark icon. Then click &#8216;Add bookmark&#8217; and give it a name<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-78\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/bookmark.png\" alt=\"bookmark\" width=\"302\" height=\"119\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/bookmark.png 302w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/bookmark-300x118.png 300w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/li>\n<li>Repeat this\u00a0anywhere on the timeline to add as many bookmarks as you wish.<\/li>\n<li>Click &#8216;Create&#8217; or &#8216;Update&#8217; (if already saved) to save your progress and\u00a0preview your new bookmarks.<\/li>\n<li>When previewing, click the bookmark icon at anytime to jump to a specific time.<\/li>\n<\/ol>\n<h2>Part Three &#8211; Add a quiz<\/h2>\n<ol>\n<li>Click &#8216;Edit&#8217;\u00a0if not already in the edit screen<\/li>\n<li>Click &#8216;Add Interactions&#8217;<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-77\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_interactions.png\" alt=\"add_interactions\" width=\"759\" height=\"102\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_interactions.png 759w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_interactions-300x40.png 300w\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" \/><\/li>\n<li>Using the video timeline slider, navigate to the place you want to add the video and click pause.<\/li>\n<li>There are a number of interactions you can, but we will be adding a single\u00a0choice quiz.\u00a0Click the icon shown highlighted below.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-82\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/single_choice.png\" alt=\"single_choice\" width=\"586\" height=\"40\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/single_choice.png 586w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/single_choice-300x20.png 300w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/single_choice-570x40.png 570w\" sizes=\"auto, (max-width: 586px) 100vw, 586px\" \/><\/li>\n<li>in the popup window that appears we find it&#8217;s\u00a0usually best to tick the &#8216;Pause Video&#8217; and have the &#8216;Poster&#8217; options selected shown below<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-83\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/quiz_options1.png\" alt=\"quiz_options1\" width=\"702\" height=\"256\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/quiz_options1.png 702w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/quiz_options1-300x109.png 300w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/li>\n<li>You can now add your question and answers. The\u00a0answers are shown in a random order to students, but make sure you add the correct answers as the FIRST one given when creating the question.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-85\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/quiz_options2.png\" alt=\"quiz_options2\" width=\"684\" height=\"409\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/quiz_options2.png 684w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/quiz_options2-300x179.png 300w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/><\/li>\n<li>You can add as many possible\u00a0answers as you wish by clicking the &#8216;Add answer&#8217;. You can also have as many questions\u00a0as you wish, but we&#8217;ll stick with just one for now.<\/li>\n<li>You can add more interactivity by jumping to a specific part of the video if correct \/ incorrect by scrolling down to the &#8216;Adaptivity&#8217; section.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-86\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/adapt.png\" alt=\"adapt\" width=\"345\" height=\"170\" srcset=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/adapt.png 345w, https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/adapt-300x148.png 300w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/li>\n<li>Click the &#8216;Done&#8217; button and you will be able to position \/ resize your question.<\/li>\n<li>Click &#8216;Update&#8217; to preview your interactive video.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Part One &#8211; add your video Firstly go to YouTube and find an appropriate video. COPY its URL (website address). Login and go to &#8216;H5p Content&#8217;. Click &#8216;Add new&#8217;. Give\u00a0your video a name. Select the &#8216;Interactive Video&#8217;\u00a0from the drop down.<\/p>\n","protected":false},"author":406,"featured_media":0,"parent":95,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/users\/406"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":8,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/71\/revisions\/154"}],"up":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/95"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}