{"id":197,"date":"2023-06-08T11:53:26","date_gmt":"2023-06-08T15:53:26","guid":{"rendered":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/?post_type=chapter&p=197"},"modified":"2025-08-12T16:09:57","modified_gmt":"2025-08-12T20:09:57","slug":"h5p-content-creation","status":"publish","type":"chapter","link":"https:\/\/opentextbooks.concordia.ca\/pressbooksuserguide\/chapter\/h5p-content-creation\/","title":{"raw":"H5P Content Creation","rendered":"H5P Content Creation"},"content":{"raw":"
\r\n

Interactive Content and Activities Using<\/h2>\r\n
\r\n

H5P<\/h2>\r\n<\/div>\r\nThe following provides an overview of H5P along with simple instructions on how to insert and import H5P activities.\r\n\r\n<\/div>\r\n

H5P Activation for Concordia's Pressbooks<\/h2>\r\nIn Concordia's instance of Pressbooks, H5P is activated at the administrator level and should appear in your sidebar automatically once you have logged into your Pressbooks project.\r\n

Overview of the H5P Plugin<\/h2>\r\nThe following video tutorial will help you watch and learn how to enable and create H5P content on Pressbooks.\r\n\r\n \r\n\r\n[h5p id=\"18\"]\r\n
\r\n
\r\n\r\nVideo:<\/strong> Adding H5P element to your book on Pressbooks<\/a><\/em> from PressbooksEDU<\/a> by Pressbooks, 2018, CC BY 4.0<\/a>.\r\n\r\n<\/div>\r\n<\/div>\r\n

Add and Insert an H5P<\/h2>\r\n[h5p id=\"20\"]\r\n
\r\n
\r\n\r\nSlides:<\/strong> Creating an image hotspot activity using H5P.\r\n\r\n<\/div>\r\n<\/div>\r\n

Add an H5P Element to your Book<\/h3>\r\nPlease note that you will first need the plugin to be active in order to add elements.\r\n
    \r\n \t
  1. Go to the H5P Content menu and select \u201cAdd New.\u201d<\/li>\r\n \t
  2. Enter a title.<\/li>\r\n \t
  3. Select content type from the dropdown menu.<\/li>\r\n \t
  4. Install the content type by selecting \u201cGet\u201d and following the steps indicated (if applicable).<\/li>\r\n \t
  5. Enter the information for your quiz\/activity, etc.<\/li>\r\n \t
  6. Click \u201cCreate\u201d when you\u2019re finished!<\/li>\r\n<\/ol>\r\n

    Insert the H5P Element into your Chapter<\/h3>\r\n
      \r\n \t
    1. Copy the shortcode displayed in the top right of the screen.<\/li>\r\n \t
    2. Navigate to the chapter where the element will be added.<\/li>\r\n \t
    3. Paste the shortcode into place (you can do this in the Visual editor; there's no need to switch to the Text editor).<\/li>\r\n \t
    4. Save your chapter.<\/li>\r\n \t
    5. View the web version to see the element in action.<\/li>\r\n \t
    6. Export other desired formats to see the fallback message.<\/li>\r\n<\/ol>\r\n

      Download and Import H5P<\/h2>\r\nImport H5P activities downloaded from Pressbooks or other public web locations.\r\n\r\n[h5p id=\"22\"]\r\n
      \r\n
      \r\n\r\nSlides:<\/strong> How to download or import an H5P activity to your local machine.\r\n\r\n<\/div>\r\n<\/div>\r\n

      To Download an H5P File<\/h3>\r\n
        \r\n \t
      1. Select the \u201cReuse\u201d button.<\/li>\r\n \t
      2. Click \u201cDownload.\u201d<\/li>\r\n \t
      3. Save the file on your local machine.<\/li>\r\n<\/ol>\r\nRemember, H5P files must be uploaded to a site that supports H5P in order to be opened. They will not open on your machine otherwise. When creating content, ensure the \"Download\" button under \"Display options\" is enabled.\r\n\r\nYou can search the Pressbooks Directory<\/a> for H5P activities to import. You will find a hyperlink leading to the H5P activities for each book on its card. You can download H5P activities from this page, as shown above, and import them into your book.\r\n

        Import or Upload an H5P file (.h5p file) from your Local Machine<\/h3>\r\n
          \r\n \t
        1. Go to the \u201cAdd New\u201d section under H5P Content on the left menu.<\/li>\r\n \t
        2. Select \u201cAdd New.\u201d<\/li>\r\n \t
        3. Click the \u201cUpload\u201d tab.<\/li>\r\n \t
        4. Find the file saved on your local machine and upload it.<\/li>\r\n \t
        5. Click \u201cSave.\u201d<\/li>\r\n<\/ol>\r\n\"Screenshot\r\n
          \r\n
          \r\n\r\nImage:<\/strong> How to export or upload an H5P file from your local machine.\r\n\r\n<\/div>\r\n<\/div>\r\n
          \r\n
          \r\n\r\nInformation used in this chapter has been adapted from Pressbooks User Guide<\/a><\/em> by Book Oven Inc. (Pressbooks.com), 2013, CC BY 4.0<\/a>.\r\n\r\n<\/div>\r\n<\/div>","rendered":"
          \n

          Interactive Content and Activities Using<\/h2>\n
          \n

          H5P<\/h2>\n<\/div>\n

          The following provides an overview of H5P along with simple instructions on how to insert and import H5P activities.<\/p>\n<\/div>\n

          H5P Activation for Concordia’s Pressbooks<\/h2>\n

          In Concordia’s instance of Pressbooks, H5P is activated at the administrator level and should appear in your sidebar automatically once you have logged into your Pressbooks project.<\/p>\n

          Overview of the H5P Plugin<\/h2>\n

          The following video tutorial will help you watch and learn how to enable and create H5P content on Pressbooks.<\/p>\n

           <\/p>\n

          \n