HapYak is in active development on our mobile interactive video solution. Our goal is not to simply allow videos to play inline to the Webpage (see our webcast on that topic), but to optimize the experience for the device to drive higher engagement and a better user experience.

There are several unique challenges we are working to solve that include:

  • Which types of overlays and interactions “make sense” on a mobile device?
  • How much screen space is needed to both show the video and interactive elements in a “readable” size?
  • How should the experience be optimized for portrait and landscape orientation?

Personally, I’m blown away by what our team has accomplished so far and I look forward to sharing those efforts publicly in the near future. Until then, here are a few notes on our development and some of the pitfalls we’ve encountered.

  1. While we desire to create the most generic solutions to work across all of our 20+ video partners, not all of them support the “playsinline” video attribute. This means that our development is currently limited to VideoJS 4 and Brightcove v5 players. We anticipate that our solutions will roll out to specific video providers as core support is added by them.
  2. Some of the open source players and plugin implementations, including < v4 VideoJS actually programmatically remove the “playsinline” attribute from the video tag. We spent a bunch of time trying to figure out why our implementation wasn’t working before we figured this out.
  3. Many Android devices do not observe the HTML5 “hint” that we include to try to preload video metadata. It makes sense that devices do not want to request resources that use your data, but it creates unique technical challenges. We have had to develop new “preload” libraries as helpers to ensure HapYak can control the playback experience when a person decides to tap the play button.

In summary, we’re making huge strides in creating optimized mobile video experiences, and we’re learning how to solve the device and platform intricacies that our customer will run into when deploying these solutions at scale. We’ll be rolling out BETA implementations shortly and would love your feedback.

Facebook
Google+
https://corp.hapyak.com/resources/hapyak-mobile-interactive-video/
Twitter
LinkedIn