{"id":1332,"date":"2015-09-14T14:32:14","date_gmt":"2015-09-14T14:32:14","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/mle\/?p=1332"},"modified":"2015-09-14T14:32:14","modified_gmt":"2015-09-14T14:32:14","slug":"embedding-panopto-videos-in-blackboard","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/mle\/2015\/09\/14\/embedding-panopto-videos-in-blackboard\/","title":{"rendered":"Embedding Panopto videos in Blackboard"},"content":{"rendered":"<p>Although there are plenty of ways to add a Panopto video into Blackboard, in this post Graham Robinson shares his favourite.<!--more--><\/p>\n<h2>Best of both worlds<\/h2>\n<p>Most people choose to either post a link to the Panopto website or insert the video directly into Blackboard using the &#8220;Embed&#8221; feature. I like to do both.<\/p>\n<div id=\"attachment_1344\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1344\" class=\"size-medium wp-image-1344\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed-300x153.png\" alt=\"A Panotpo video embedded in Blackboard\" width=\"300\" height=\"153\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed-300x153.png 300w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed-1024x523.png 1024w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed.png 1337w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1344\" class=\"wp-caption-text\">The finished video in Blackboard<\/p><\/div>\n<p>First of all open up the location in Blackboard you wish to insert the video. In another window open the Panopto administration page (that&#8217;s either https:\/\/coursecast.soton.ac.uk or the &#8220;Recorded Sessions&#8221; area of your Blackboard course).<\/p>\n<div id=\"attachment_1333\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbandpansidebyside.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1333\" class=\"size-medium wp-image-1333\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbandpansidebyside-300x149.png\" alt=\"The blackboard site and Panopto site open next to each other\" width=\"300\" height=\"149\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbandpansidebyside-300x149.png 300w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbandpansidebyside.png 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1333\" class=\"wp-caption-text\">The blackboard site and Panopto site open next to each other<\/p><\/div>\n<p>In Blackboard choose &#8220;Weblink&#8221; from the &#8220;Build Content&#8221; menu. (You can enlarge the pictures in this post by clicking on them)<\/p>\n<div id=\"attachment_1334\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbinsertweblink.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1334\" class=\"size-medium wp-image-1334\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbinsertweblink-300x255.png\" alt=\"Blackboard &gt; Build content &gt; Weblink\" width=\"300\" height=\"255\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbinsertweblink-300x255.png 300w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbinsertweblink.png 654w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1334\" class=\"wp-caption-text\">Weblink, from within Build Content. Click to enlarge<\/p><\/div>\n<p>The &#8220;Create Web Link&#8221; page will appear. Before you continue make sure you can see the HTML button &#8230;<\/p>\n<div id=\"attachment_1336\" style=\"width: 80px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbhtml.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1336\" class=\"size-full wp-image-1336\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbhtml.png\" alt=\"HTML button from the text box controls\" width=\"70\" height=\"60\" \/><\/a><p id=\"caption-attachment-1336\" class=\"wp-caption-text\">HTML button<\/p><\/div>\n<p>&#8230; in the description area. If you can&#8217;t, press the &#8220;Show more&#8221; button.<\/p>\n<div id=\"attachment_1335\" style=\"width: 79px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbshowmore.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1335\" class=\"size-full wp-image-1335\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbshowmore.png\" alt=\"Show more button from the descritpion text area\" width=\"69\" height=\"62\" \/><\/a><p id=\"caption-attachment-1335\" class=\"wp-caption-text\">Show more<\/p><\/div>\n<p>Now move to Panopto. Locate the video you wish to embed and hover your mouse over it<\/p>\n<div id=\"attachment_1337\" style=\"width: 610px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panhovermouseoveritem.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1337\" class=\"wp-image-1337\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panhovermouseoveritem.png\" alt=\"In Panopto the mouse has been moved over a video to show a settings \/ edit \/ share \/ delete button\" width=\"600\" height=\"95\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panhovermouseoveritem.png 710w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panhovermouseoveritem-300x48.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-1337\" class=\"wp-caption-text\">Hovering your mouse over a video shows some extra buttons<\/p><\/div>\n<p>Click on &#8220;Settings&#8221;<\/p>\n<p>Copy the name of the session into the Blackboard &#8220;Name&#8221; box and the Viewer link into the &#8220;URL&#8221; box<\/p>\n<div id=\"attachment_1338\" style=\"width: 610px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/pannameandurl.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1338\" class=\"wp-image-1338\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/pannameandurl.png\" alt=\"In Panopto the name of the session and url are highlighted. In Blackboard the Name and URL field are highlighted\" width=\"600\" height=\"451\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/pannameandurl.png 823w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/pannameandurl-300x225.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-1338\" class=\"wp-caption-text\">Copy the name and link from Panopto to Blackboard.<\/p><\/div>\n<p>Next click on &#8220;Outputs&#8221; in Panopto<\/p>\n<div id=\"attachment_1339\" style=\"width: 127px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panoutputs.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1339\" class=\"size-full wp-image-1339\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panoutputs.png\" alt=\"Outputs is highlighted from the left hand menu of the Panopto settings page\" width=\"117\" height=\"128\" \/><\/a><p id=\"caption-attachment-1339\" class=\"wp-caption-text\">Outputs from the left hand menu of Settings<\/p><\/div>\n<p>Copy all of the text from the Embed box<\/p>\n<div id=\"attachment_1340\" style=\"width: 589px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panembedcode.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1340\" class=\"wp-image-1340 size-full\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panembedcode.png\" alt=\"Embed code from Panopto &gt; Settings &gt; Outputs &gt; Embed\" width=\"579\" height=\"125\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panembedcode.png 579w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panembedcode-300x65.png 300w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/a><p id=\"caption-attachment-1340\" class=\"wp-caption-text\">Make sure you copy all of the text in the box<\/p><\/div>\n<p>In Blackboard press the HTML button<\/p>\n<div id=\"attachment_1336\" style=\"width: 80px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbhtml.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1336\" class=\"size-full wp-image-1336\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbhtml.png\" alt=\"HTML button from the text box controls\" width=\"70\" height=\"60\" \/><\/a><p id=\"caption-attachment-1336\" class=\"wp-caption-text\">HTML button<\/p><\/div>\n<p>And paste in the code from the previous step. Click Update to close the window.<\/p>\n<div id=\"attachment_1341\" style=\"width: 588px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/blackboardhtml.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1341\" class=\"wp-image-1341 size-full\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/blackboardhtml.png\" alt=\"The HTML code view with the code copied from Panopto\" width=\"578\" height=\"192\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/blackboardhtml.png 578w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/blackboardhtml-300x100.png 300w\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" \/><\/a><p id=\"caption-attachment-1341\" class=\"wp-caption-text\">Paste all the code from the HTML code view<\/p><\/div>\n<p>Finally press submit<\/p>\n<div id=\"attachment_1342\" style=\"width: 96px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbsubmit.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1342\" class=\"size-full wp-image-1342\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/bbsubmit.png\" alt=\"submit button\" width=\"86\" height=\"39\" \/><\/a><p id=\"caption-attachment-1342\" class=\"wp-caption-text\">Blackboard&#8217;s submit button<\/p><\/div>\n<p>You&#8217;ll now have a video in Blackboard that shows automatically to students, but with a link that clicks through to the full Panopto version. The full version shows high quality video to students with a good internet connection but plays quicker lower quality video if they have a poor connection. They also get the slide notes and bookmarks. The embedded video also makes it quick to see if it is the <em>right<\/em> video without leaving Blackboard.<\/p>\n<div id=\"attachment_1344\" style=\"width: 610px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1344\" class=\"wp-image-1344\" src=\"http:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed-1024x523.png\" alt=\"A Panotpo video embedded in Blackboard\" width=\"600\" height=\"307\" srcset=\"https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed-1024x523.png 1024w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed-300x153.png 300w, https:\/\/blog.soton.ac.uk\/mle\/files\/2015\/09\/panfinishedembed.png 1337w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-1344\" class=\"wp-caption-text\">The finished video in Blackboard<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Although there are plenty of ways to add a Panopto video into Blackboard, in this post Graham Robinson shares his favourite.<\/p>\n","protected":false},"author":63858,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[284875,430553],"tags":[],"class_list":["post-1332","post","type-post","status-publish","format-standard","hentry","category-blackboard","category-panopto","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/posts\/1332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/users\/63858"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/comments?post=1332"}],"version-history":[{"count":2,"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/posts\/1332\/revisions"}],"predecessor-version":[{"id":1345,"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/posts\/1332\/revisions\/1345"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/media?parent=1332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/categories?post=1332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/mle\/wp-json\/wp\/v2\/tags?post=1332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}