Video Playback Considerations

The typical video application will have a playlist combined with either a popup or inline video player. Within the CloudTV HTML5 platform, all video must be positioned as follows:

  • <video> element must have a left that is a multiple of 16
  • <video> element must have a top that is a multiple of 16
  • <video> element must have a width that is a multiple of 16
  • <video> element must have a height that is a multiple of 16
This has to do with the way that MPEG video is encoded in macroblocks, being a multiple of 16 is required in order for video to be efficiently merged together with the other content in your application (buttons, text, images, etc).

How to load video

To load a video, use the standard HTML 5 video tag, or use JavaScript to set the src such as document.getElementById('video1').src = "" :

<video src="" id="video1" />

Video format guidelines

Video must meet some standard requirements to be playable within the CloudTV platform. The overall architecture provides just-in-time transcoding for videos loaded from remote servers. 

  1. Use MPEG or MPEG4 video for best quality transcoding.
  2. Do not use bitrates well above or well below the anticipated streaming bitrate, so if you are loading a 320x240 video, that should not be encoded at 20Mbps at the source.
  • Thursday, 03 November 2011
  • Posted in: Advanced
  • Number of Views: 3527

Your destination to find out more about just how easy it is to develop advanced applications that leverage the “write-once, deploy-everywhere” content creation environment of ActiveVideo’s CloudTV™ platform. You will be able to significantly reduce app time-to-market for connected devices of all types, as well as cable settop boxes that have no additional connectivity. Manufacturers and virtual service providers, as well as cable and IPTV operators around the world are currently benefiting from the advantages of ActiveVideo’s CloudTV platform.

© 2019 Active Video Networks. All Rights Reserved