bootstrap carousel

<div id="carousel-example-generic" class="carousel slide imgShow" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
			</ol>
			<div class="carousel-inner">
				<div class="item active" role="listbox">
					<s:if test="webSiteList[0].type == 1">
						<img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[0].photoUrl' />" >  
					</s:if>
					<s:if test="webSiteList[0].type == 2">
						<video src="<s:property value='webSiteList[0].photoUrl' />" width="600px" height="330px" controls="controls"></video>	
					</s:if>
				</div>
				<div class="item">
					<s:if test="webSiteList[1].type == 1">
						<img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[1].photoUrl' />" >  
					</s:if>
					<s:if test="webSiteList[1].type == 2">
						<video src="<s:property value='webSiteList[1].photoUrl' />" width="600px" height="330px" controls="controls"></video>	
					</s:if>
				</div>
				<div class="item">
					<s:if test="webSiteList[2].type == 1">
						<img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[2].photoUrl' />" >  
					</s:if>
					<s:if test="webSiteList[2].type == 2">
						<video src="<s:property value='webSiteList[2].photoUrl' />" width="600px" height="330px" controls="controls"></video>	
					</s:if>
				</div>
				<div class="item">
					<s:if test="webSiteList[3].type == 1">
						<img alt="" width="600px;" height="180px;" src="<s:property value='webSiteList[3].photoUrl' />" >  
					</s:if>
					<s:if test="webSiteList[3].type == 2">
						<video src="<s:property value='webSiteList[3].photoUrl' />" width="600px" height="330px" controls="controls"></video>	
					</s:if>
				</div>
			</div> 
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>