{"id":841,"date":"2024-04-02T11:12:15","date_gmt":"2024-04-02T15:12:15","guid":{"rendered":"https:\/\/sites.smith.edu\/project-resources\/?p=841"},"modified":"2024-04-03T09:48:10","modified_gmt":"2024-04-03T13:48:10","slug":"embed-a-video-or-podcast-from-panopto-and-add-a-transcript","status":"publish","type":"post","link":"https:\/\/sites.smith.edu\/project-resources\/embed-a-video-or-podcast-from-panopto-and-add-a-transcript\/","title":{"rendered":"Embed a Video or Podcast from Panopto and Add a Transcript"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"panopto\">How to embed media hosted in Panopto<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">If you&#8217;ve create a video or podcast for a class and your instructor had you submit it via Panopto, you can use a Share link from Panopto to embed your media. <\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"has-medium-font-size wp-block-list\">\n<li>Copy the Share link to your Panopto Video. \n<ul class=\"wp-block-list\">\n<li>Haven&#8217;t uploaded your video? Need to find your share link? <a href=\"https:\/\/docs.google.com\/document\/d\/1-BzsbORqkXWvE31C-15F1FUX9DJNrJpQP1dOuAz4U44\/edit?usp=sharing\">Check these instructions.<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Navigate to your WordPress Post. <\/li>\n\n\n\n<li>In you WordPress post, use the Block inserter to add a Panopto Media block. If it doesn&#8217;t appear immediately, use the search bar in the Block inserter to search for Panopto.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/sites.smith.edu\/wp-content\/uploads\/2023\/11\/2023-11-09_16-20-09.png\"><img decoding=\"async\" src=\"https:\/\/sites.smith.edu\/wp-content\/uploads\/2023\/11\/2023-11-09_16-20-09.png\" alt=\"The panopto block in the block inserter with the word panopto typed into the search bar\" class=\"wp-image-693\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li class=\"has-medium-font-size\">In the block, paste the URL and choose the embed button. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/sites.smith.edu\/wp-content\/uploads\/2024\/03\/2023-11-07_11-07-45.png\"><img decoding=\"async\" src=\"https:\/\/sites.smith.edu\/wp-content\/uploads\/2024\/03\/2023-11-07_11-07-45.png\" alt=\"The Panopto Media Embed block with a red arrow pointing to Embed\" class=\"wp-image-805\" style=\"aspect-ratio:2.368217054263566;width:388px;height:auto\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li class=\"has-medium-font-size\">The Panopto embed tool will not preview your video properly, but will refresh and display an error message that says: &#8220;Invalid url. Please enter a valid Panopto video or playlist embed url.&#8221; <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/sites.smith.edu\/wp-content\/uploads\/2023\/11\/2023-11-07_11-08-24.png\"><img decoding=\"async\" src=\"https:\/\/sites.smith.edu\/wp-content\/uploads\/2023\/11\/2023-11-07_11-08-24-1024x220.png\" alt=\"The panopto embed block with a url displaying an error message\" class=\"wp-image-695\"\/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li class=\"has-medium-font-size\">Even with an error message, your podcast should still display. In the top toolbar, choose <strong>the Preview button<\/strong> > <strong>Preview in a new tab<\/strong> to check your post and make sure you&#8217;re able to see your podcast.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"details\">Adding a transcript using the Details block<\/h2>\n\n\n\n<p class=\"has-medium-font-size\">You can include a transcript of your video or podcast using the Details block, which allows you to create an accordion or dropdown feature with content that your viewer can open and close. You can also control whether the transcript is open or closed when a visitor first looks at your page.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">To add the details block<\/h4>\n\n\n\n<ol class=\"has-medium-font-size wp-block-list\">\n<li>Navigate to your WordPress post or page.<\/li>\n\n\n\n<li>Use the Add Block icon to open the block inserter and search for Details to add the Details block.<br><img decoding=\"async\" class=\"wp-image-782\" style=\"width: 250px;\" src=\"https:\/\/sites.smith.edu\/wp-content\/uploads\/2024\/03\/2024-01-24_11-27-25.png\" alt=\"The block inserter with the Details block highlighted\"><\/li>\n\n\n\n<li>The details block will be added to your post. <\/li>\n<\/ol>\n\n\n\n<p class=\"has-medium-font-size\">You can find more information on configuring the Details block at <a href=\"https:\/\/wordpress.org\/documentation\/article\/details-block\/\">Details Block<\/a> on WordPress.org.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>How to embed media hosted in Panopto If you&#8217;ve create a video or podcast for a class and your instructor had you submit it via Panopto, you can use a Share link from Panopto to embed your media. Adding a transcript using the Details block You can include a transcript of your video or podcast [&hellip;]<\/p>\n","protected":false},"author":5691,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-841","post","type-post","status-publish","format-standard","hentry","category-class-instructions"],"_links":{"self":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/users\/5691"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/comments?post=841"}],"version-history":[{"count":2,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/841\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/841\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/media?parent=841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/categories?post=841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/tags?post=841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}