Navigating through multimedia content - Build Windows 8 Apps with HTML5 and JavaScript - page 172

FIGURE 7-13 A SemanticZoom component showing its details view.
To return to the zoomed-out view, the user clicks the minus button in the bottom right corner of
the screen.
Dealing with video
To end the exercise, you should make users capable of clicking the item that advertises a video clip
and actually play it.
Handling selection
The ListView component supports clicking displayed items. To get notified of the user's activity, you
register an handler for the iteminvoked event. Just open the default.js file and add the following line
to the VideosApp.init function.
detailView.addEventListener("iteminvoked", VideosApp.select);
In addition, you create a brand new function named VideosApp.select like so:
VideosApp.select = function (eventInfo) {
eventInfo.detail.itemPromise.then(function (clip) {