Ver Mensaje Individual
  #6 (permalink)  
Antiguo 21/05/2012, 12:04
villano4
 
Fecha de Ingreso: septiembre-2011
Ubicación: Yucatán
Mensajes: 42
Antigüedad: 13 años, 2 meses
Puntos: 8
Respuesta: Problema con Flowplayer

Código HTML:
<html>
<head>
	<title>Manual playlist : Flowplayer</title>
	<!-- standalone page styling. can be removed -->
	<style>
		body{
		    width:982px;
		    margin:50px auto;
		    font-family:sans-serif;
		}
		a:active { outline:none;}
		:focus { -moz-outline-style:none; }
		.palert {
		    padding: 12px;
		    color: black;
		    background-color: #ededed;
		    box-shadow: none;
		}
	</style>
	<!-- flowplayer javascript component -->
	<script src="js/flowplayer-3.2.8.min.js" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/flowplayer.playlist-3.2.8.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="css/playlist.css"/>
</head>

<body>
	<style>
		/* container has a background image */
		a.player {
			display:block;
			width:500px;
			height:340px;
			text-align:center;
			color:#fff;
			text-decoration:none;
			cursor:pointer;
			background:#000 url(images/h500.png) repeat-x 0 0;
			background:-moz-linear-gradient(top,
				rgba(55, 102, 152, 0.9),
				rgba(6, 6, 6, 0.9));
			-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
		}
		a.player:hover {
			background:-moz-linear-gradient(center top,
				rgba(73, 122, 173, 0.898),
				rgba(6, 6, 6, 0.898));
		}
		/* splash image */
		a.player img {
			margin-top:125px;
			border:0;
		}
		a.player { margin-top:0px; }
	</style>
	<script>
		$(function() {
			$f("player2", "flowplayer-3.2.8.swf", {
				clip: {baseUrl: 'localhost/tucarpeta'}
				}).playlist("div.petrol", {loop:true});
		});
		
	</script>
	<!-- configure entries inside playlist using standard HTML -->
	<div class="clips petrol" style="float:left">
		<!-- single playlist entry -->
		<a href="03.flv" class="first">
			Happy feet inside a car
			<span>HTTP streaming</span>
			<em>0:20 min</em>
		</a>
		<a href="04.flv">
			Park side life
			<span>HTTP streaming</span>
			<em>0:20 min</em>
		</a>
	</div>
	<!-- player container and a splash image (play button) -->
	<a class="player plain" id="player2"  style="float:left">
		<img class="button" src="images/play_text_large.png" />
	</a>
	<!-- let rest of the page float normally -->
	<br clear="all"/>
</body>
</html> 
En mi caso este codigo estoy usando, junto con un playlist