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.
DevLearn Program Manager
The Learning Guild / Learning Dojo
Jeff Batt has 12+ years of experience in the digital learning and media industry. Currently Jeff Batt is the DevLearn Program Manager for The Learning Guild. He helps create and coordinate the conference programs to deliver the highest and most relevant content for L&D professionals. He is also the founder and trainer at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile-related software applications. Jeff often speaks on developmental technologies such as xAPI, HTML5, augmented reality, mobile development, eLearning development tools, and more.