Add your h5p content to a blog post:

• Click on the Posts button on the left navigation bar.
• Click on the Add New button near the top left of the browser window.
• Type in a Title and some text in the body of the blog post and then press enter on your keyboard once.
• On a new line (or in a new block) past the short code from the last step on to the new line. The short code should loke something like this:
  [h5p id="1"]
• Click on the Publish or Update button on the right of your window, and then check your new interactive element on your blog post! NOTE: The H5P video will not preview like a regular YouTube video in edit mode, but will display properly when you view the public version of the web page.

Add your h5P content to Google Classroom

1. Go to classrom, select Material
2. Next, provide a title and description
3. After, click the add button on the left side with the link icon. Click add link.
4. Next, return to your H5P video and click the embed and select the iframe to add it to the link in Google Classroom. Adding to Google Classroom.

Great work you are now able to create an h5p resource and embed it into your blog or Google classroom site.

NOTE you can also embed h5P videos into Twine and other surfaces, by saving your video NEXT STEP: Earn a Workshop Badge