diff --git a/book/features/h5p.md b/book/features/h5p.md index 3934544..776c0c9 100644 --- a/book/features/h5p.md +++ b/book/features/h5p.md @@ -10,14 +10,16 @@ This section is useful for user type 3-5. # H5p interactive elements ## Instruction -H5p elements are interactive HTML-blocks which can be embedded in a Jupyter Book using an iframe. An H5p element can be created in the [TU Delft portal on the H5p website](https://tudelft.h5p.com/content) (sign in via Brightspace to H5p required first). The iframe code can be copied at Edit - Publish - Public - Embed code. This html code can be directly added to your markdown file using [](../external/sphinx-iframes/README.md): +H5p elements are interactive HTML-blocks which can be embedded in a Jupyter Book using an iframe. H5p requires a server to host those elements. For TU Delft employees, this is arranged for on a [TU Delft portal on the H5p website](https://tudelft.h5p.com/content) (sign in via Brightspace to H5p required first as described [here](https://www.tudelft.nl/teaching-support/educational-tools/h5p)). + +After creating an H5p element, the iframe code can be copied at Edit - Publish - Public - Embed code. This html link of that embed can be directly added to your markdown file using [](../external/sphinx-iframes/README.md): ```` ```{h5p} https://....h5p.com/content/.../embed ``` ```` -Alternative, you can use raw html: +Alternative, you can use raw html (lacking proper dark mode conversion): ```html ``` @@ -39,4 +41,4 @@ Some best-practices on the use of H5p: In the next subpage, these exampled are shown. -More information on H5p using the TU Delft provided hosting: [Teaching Support - Educational Tools - H5P](https://www.tudelft.nl/teaching-support/educational-tools/h5p) \ No newline at end of file +More information on H5p using the TU Delft provided hosting: [Teaching Support - Educational Tools - H5P](https://www.tudelft.nl/teaching-support/educational-tools/h5p)