{"id":264,"date":"2024-01-17T16:56:06","date_gmt":"2024-01-17T21:56:06","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/pbtips\/?post_type=chapter&#038;p=264"},"modified":"2024-01-29T13:25:22","modified_gmt":"2024-01-29T18:25:22","slug":"adding-ubc-h5p","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/pbtips\/chapter\/adding-ubc-h5p\/","title":{"raw":"Adding H5P from UBC's H5P Hub","rendered":"Adding H5P from UBC&#8217;s H5P Hub"},"content":{"raw":"The Pressbooks H5P plugin allows you to embed interactive activities, quizzes and multimedia elements into your text to enhance user engagement.\r\n\r\n&nbsp;\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Resourcces<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nTo learn more about UBC H5P, review the following guides:\r\n<ul>\r\n \t<li><a href=\"https:\/\/h5p.open.ubc.ca\/about\/\">UBC's H5P Open Hub<\/a><\/li>\r\n \t<li><a href=\"https:\/\/h5p.open.ubc.ca\/h5p-examples\/\">UBC's H5P Open Hub - H5P Examples<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div style=\"font-weight: 400\">\r\n<div>\r\n<h2>Issue<\/h2>\r\nThe UBC Open H5P Hub is a place where UBC community members can create, share, and access interactive content created using H5P technology. H5P created in the Open H5P Hub, however, can not be directly embedded in a Pressbooks chapter.\u00a0 If you copy the paste code from the Hub into a Pressbooks chapter, the embed code will be stripped out and the H5P will not display.\r\n<h2>Solution<\/h2>\r\nTo include H5P created in the Open H5P Hub into your text, you will have to first download if from the hub, and then upload it to Pressbooks.\r\n<ol>\r\n \t<li>Locate the H5P activity you want to download in\u00a0 the Open UBC Hub and click the <strong>Reuse<\/strong> button in the bottom left corner. Select <strong>Download as an .h5p file<img class=\"aligncenter size-medium wp-image-130\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload_20230525-300x147.png\" alt=\"\" width=\"300\" height=\"147\" \/><img class=\"aligncenter wp-image-131 size-medium\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload2_20230525-300x224.png\" alt=\"\" width=\"300\" height=\"224\" \/> <\/strong><\/li>\r\n \t<li>On the dashboard of your Pressbooks site, navigate to the <strong>H5P Content<\/strong> tab and select <strong>Add New<\/strong>.<\/li>\r\n \t<li>Instead of <strong>Create Content<\/strong>, select <strong>Upload<\/strong> and upload the .h5p file. you can now embed this H5P into your text using the Pressbooks H5P embed code.<\/li>\r\n<\/ol>\r\n<img class=\"aligncenter wp-image-132 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PUpload_20230525.png\" alt=\"\" width=\"625\" height=\"261\" \/>\r\n\r\n<\/div>\r\n&nbsp;\r\n\r\n<\/div>","rendered":"<p>The Pressbooks H5P plugin allows you to embed interactive activities, quizzes and multimedia elements into your text to enhance user engagement.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Resourcces<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>To learn more about UBC H5P, review the following guides:<\/p>\n<ul>\n<li><a href=\"https:\/\/h5p.open.ubc.ca\/about\/\">UBC&#8217;s H5P Open Hub<\/a><\/li>\n<li><a href=\"https:\/\/h5p.open.ubc.ca\/h5p-examples\/\">UBC&#8217;s H5P Open Hub &#8211; H5P Examples<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div style=\"font-weight: 400\">\n<div>\n<h2>Issue<\/h2>\n<p>The UBC Open H5P Hub is a place where UBC community members can create, share, and access interactive content created using H5P technology. H5P created in the Open H5P Hub, however, can not be directly embedded in a Pressbooks chapter.\u00a0 If you copy the paste code from the Hub into a Pressbooks chapter, the embed code will be stripped out and the H5P will not display.<\/p>\n<h2>Solution<\/h2>\n<p>To include H5P created in the Open H5P Hub into your text, you will have to first download if from the hub, and then upload it to Pressbooks.<\/p>\n<ol>\n<li>Locate the H5P activity you want to download in\u00a0 the Open UBC Hub and click the <strong>Reuse<\/strong> button in the bottom left corner. Select <strong>Download as an .h5p file<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-130\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload_20230525-300x147.png\" alt=\"\" width=\"300\" height=\"147\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload_20230525-300x147.png 300w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload_20230525-65x32.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload_20230525-225x110.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload_20230525-350x171.png 350w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload_20230525.png 476w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-131 size-medium\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload2_20230525-300x224.png\" alt=\"\" width=\"300\" height=\"224\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload2_20230525-300x224.png 300w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload2_20230525-65x49.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload2_20230525-225x168.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload2_20230525-350x262.png 350w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PDownload2_20230525.png 433w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <\/strong><\/li>\n<li>On the dashboard of your Pressbooks site, navigate to the <strong>H5P Content<\/strong> tab and select <strong>Add New<\/strong>.<\/li>\n<li>Instead of <strong>Create Content<\/strong>, select <strong>Upload<\/strong> and upload the .h5p file. you can now embed this H5P into your text using the Pressbooks H5P embed code.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-132 size-full\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PUpload_20230525.png\" alt=\"\" width=\"625\" height=\"261\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PUpload_20230525.png 625w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PUpload_20230525-300x125.png 300w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PUpload_20230525-65x27.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PUpload_20230525-225x94.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2023\/05\/PBTips_H5PUpload_20230525-350x146.png 350w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n","protected":false},"author":1076,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-264","chapter","type-chapter","status-publish","hentry"],"part":270,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/users\/1076"}],"version-history":[{"count":3,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/264\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/264\/revisions\/304"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/parts\/270"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/264\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/media?parent=264"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapter-type?post=264"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/contributor?post=264"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/license?post=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}