Clickable and interactive video system using HTML5

Interactive video aims to make users feel more involved in an information search, so that they will try to obtain deeper information without feeling forced. Therefore, interactive video is one of the appropriate approaches that can be used in information dissemination process. In this research, we have successfully made an interactive video system in the form of clickable video where user can click some parts of the video while the video is playing. This event links user to deeper information in a pop up area. Video streaming is conducted using HTTP streaming mechanism through a web browser that supports HTML5 without additional plug-in or video player. The clickable interactive video system was made using HTML5 and JavaScript. Canvas element in HTML5 is the main component used to make the video streaming clickable and interactive. The experiment demonstrates that the clickable video streaming in MP4 format can be successfully played on Chrome, Safari and Internet Explorer Web browser and it also shown that Google Chrome has the fastest video loading time.