Adding video contents within Flex, Chapter 12, Solution 3

­­­
<?xml version="1.0" encoding="utf-8"?>
<!--
////////////////////////////////////////////////////////////////////////////////
// Flex Solutions: Essential Techniques for Flex 2 and Flex 3 Developers
// Author: Marco Casario 
// Editor: FriendsOfED www.friendsofed.com
// All Rights Reserved.
//
// Chapter 12: More Flex framework libraries and utilities
// 
// Solution 12-3: Adding video contents within Flex
//
// 
// @author      Marco Casario
// @date        26 November 2007
// @version     1.0
// @site        flexsolutions.comtaste.com
//
////////////////////////////////////////////////////////////////////////////////
-->
 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="vertical">
 
 
	<mx:Panel  width="450" height="340" 
		layout="horizontal" title="TSVP - The Smallest Video Player">
 
		<mx:List id="myList" width="100" height="240" >
			<mx:dataProvider>
				<mx:Object label="Salsa Show" data="assets/show.flv" />
				<mx:Object label="Salsa LaShow" data="assets/show_2.flv" />
				<mx:Object label="iPod Parody" data="assets/ipod.flv" />
			</mx:dataProvider>
		</mx:List>
 
		<mx:VideoDisplay id="myVideo" 
		    width="320"
		    height="240"
			source="{myList.selectedItem.data}" 
			volume="{myVolume.value}"/>
 
		<mx:ControlBar>
 
			<mx:Button label="Play" click="myVideo.play()" />
			<mx:Button label="Pause" click="myVideo.pause()" />
			<mx:TextInput editable="false" text="Time : {myVideo.playheadTime.toPrecision(2)}"  width="89"/>
			<mx:Label text="Volume: " />
			<mx:HSlider id="myVolume" maximum="1" width="100" creationComplete="myVolume.value = 0.75"  />
		</mx:ControlBar>
 
	</mx:Panel>
 
</mx:Application>