110 BYOD: Building Responsive Interactive Video with Simple HTML Snippets
10:45 AM - 11:45 AM Tuesday, March 27
You can create interactive video in a number of ways. There are tools for developing this kind of content, but they can be complex, expensive, and may not adapt to users’ various screen sizes. Another option, particularly if you want this content to be responsive, is to code it up yourself. If you’re not a strong coder this may seem too complex, but it’s actually much easier to accomplish than you might expect.
In this session, you will learn how to build responsive and interactive video with some easy-to-use HTML code snippets. Using simple HTML, you’ll be able to create interactions that allow the user to answer questions, choose a hotspot area on the video, branch to different parts of the video, and even to switch languages on the fly. This session will share the HTML code you’ll need to create your own interactive and responsive video, and also the steps you’ll use to develop this content yourself.
In this session, you will learn:
- How to create simple video
- How to make your video responsive
- How to trigger questions during your video
- How to create a hotspot in your video
- How to link to other parts of your video
Novice to intermediate designers and developers. Some HTML is helpful, but most of the code will be provided.
Technology discussed in this session:
Participant technology requirements:
Laptop running Sublime Text.
Jeff Batt is founder and head trainer/sensei at Learning Dojo, a company dedicated to training people to become software ninjas in a variety of eLearning-, web-, and mobile-related software applications. Jeff is also the lead eLearning producer for the Church of Jesus Christ of Latter-day Saints, producing online training for the church worldwide. With more than 10 years of experience in the digital learning and media industry, Jeff is a regular conference speaker and industry leader regarding eLearning technologies such as the xAPI (Tin Can API), Articulate Storyline, Adobe Edge Animate, Captivate, Camtasia, HTML5, and more.