{"id":4852,"date":"2025-03-25T11:27:30","date_gmt":"2025-03-25T18:27:30","guid":{"rendered":"https:\/\/blogs.reed.edu\/ed-tech\/?page_id=4852"},"modified":"2025-09-03T13:17:24","modified_gmt":"2025-09-03T20:17:24","slug":"h5p-example-image-hotspots","status":"publish","type":"page","link":"https:\/\/blogs.reed.edu\/ed-tech\/h5p-example-image-hotspots\/","title":{"rendered":"H5p Example: Image Hotspots"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2020\/03\/Screenshot-2023-06-15-at-1.05.29-PM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"657\" height=\"489\" src=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2020\/03\/Screenshot-2023-06-15-at-1.05.29-PM.png\" alt=\"H5P hotspot example\" class=\"wp-image-4632\" srcset=\"https:\/\/blogs.reed.edu\/ed-tech\/files\/2020\/03\/Screenshot-2023-06-15-at-1.05.29-PM.png 657w, https:\/\/blogs.reed.edu\/ed-tech\/files\/2020\/03\/Screenshot-2023-06-15-at-1.05.29-PM-300x223.png 300w\" sizes=\"auto, (max-width: 657px) 85vw, 657px\" \/><\/a><\/figure>\n\n\n\n<p><a aria-label=\"H5p.org  (opens in a new tab)\" href=\"https:\/\/h5p.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">H5p.org <\/a>is an open source platform that has a suite of learning resources that can be created within our blog system.<\/p>\n\n\n\n<p>The organization has an <a aria-label=\"abundance of great examples (opens in a new tab)\" href=\"https:\/\/h5p.org\/content-types-and-applications\" target=\"_blank\" rel=\"noreferrer noopener\">abundance of great examples on their website<\/a> that can be explored. Creating branching scenarios, image hotspots, quizzes, interactive timelines, and interactive images are just a few of what can be created using their services. Read more about <a href=\"https:\/\/blogs.reed.edu\/ed-tech\/h5p\/\">using H5p<\/a>, or <a href=\"https:\/\/blogs.reed.edu\/ed-tech\/creating-and-editing-h5p-content\/\">learn how to create your own<\/a>.<\/p>\n\n\n\n<p>Below is an example of using their content module called Find Multiple Hotspots.<\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/blogs.reed.edu\/extending-wordpress\/wp-admin\/admin-ajax.php?action=h5p_embed&#038;id=16\" width=\"917\" height=\"772\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" title=\"Portland Bridges Number Two\"><\/iframe><script src=\"https:\/\/blogs.reed.edu\/extending-wordpress\/wp-content\/plugins\/h5p\/h5p-php-library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>H5p.org is an open source platform that has a suite of learning resources that can be created within our blog system. The organization has an abundance of great examples on their website that can be explored. Creating branching scenarios, image hotspots, quizzes, interactive timelines, and interactive images are just a few of what can be &hellip; <a href=\"https:\/\/blogs.reed.edu\/ed-tech\/h5p-example-image-hotspots\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;H5p Example: Image Hotspots&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":4632,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[124],"tags":[125],"class_list":["post-4852","page","type-page","status-publish","has-post-thumbnail","hentry","category-h5p","tag-h5p-examples"],"_links":{"self":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages\/4852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/comments?post=4852"}],"version-history":[{"count":2,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages\/4852\/revisions"}],"predecessor-version":[{"id":4973,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/pages\/4852\/revisions\/4973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/media\/4632"}],"wp:attachment":[{"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/media?parent=4852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/categories?post=4852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.reed.edu\/ed-tech\/wp-json\/wp\/v2\/tags?post=4852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}