Estoy tratando de ejecutar codigo ajax para conectar con el servidor siguiendo este ejemplo:
http://flowplayer.org/demos/scripting/ajax.html
Yo puedo ver los videos pero no puedo leer del servidor la información que debería de traer en el evento "load 2
Estoy desarrollando una aplicación web en ASP.NET aunque este código también lo he probado como un simple archivo html:
****************
<code class="html">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Show clip information using ajax : Flowplayer</title>
<link rel="shortcut icon" href="http://flowplayer.org/media/favicon.png">
<!-- 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="http://releases.flowplayer.org/js/flowplayer-3.2.10.min.js"></script>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
#player {
background-image:url(http://flowplayer.org/media/img/home/flow_eye.jpg);
width:400px;
height:300px;
display:block;
text-align:center;
float:left;
}
#player img {
margin-top:110px;
border:0px;
}
/* style for the player's wrapper element */
#player_wrap {
background:#000 url(http://flowplayer.org/media/img/glob...dient/h300.png) 0 0 repeat-x;
width:704px;
margin-left: -24px;
}
/* styling of the info box */
#info {
font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms";
color:#fff;
float:left;
padding:10px 25px;
width:235px;
}
#info h2 {
color:#fff;
margin:10px 0px;
}
</style>
<!-- black wrapper element -->
<div id="player_wrap">
<div id="player">
<img src="http://flowplayer.org/media/img/player/btn/play_text_large.png"
alt="Search engine friendly content" />
</div>
<!-- updatable info area. -->
<div id="info">
<!-- some initial pseudo text (lorem ipsum) -->
<h2>AJAX demo</h2>
<p>
Here we have a playlist consisting of four clips. Every time a clip starts
we update this area with a data that is fetched from the server.
</p>
<p style="font-weight:bold">
Click on the player to see it in action.
</p>
</div>
<br clear="all" />
</div>
<!-- this script block will install Flowplayer inside previous A tag -->
<script>
$f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.11.swf", {
// common properties for each clip
clip: {
// all clips from the playlist come from blip.tv
baseUrl: 'http://stream.flowplayer.org',
// let clips last only 5 seconds so we can see the action more clearly
duration: 5,
// when clip starts, this function is called
onStart: function (clip) {
// load data from server. supply a few parameters.
$("#info").load(
"flowplayer.org/demos/standalone/scripting/ajax-request-" + clip.index + ".html");
/*
you can do different things for different clips. as an example
we change the wrapper's background color
*/
if (clip.index == 1) {
$("#player_wrap").css({ backgroundColor: '#347' });
}
}
},
// playlist of four clips
playlist: [
'KimAronson-TwentySeconds59483.flv',
'KimAronson-TwentySeconds58192.flv',
'KimAronson-TwentySeconds63617.flv',
'KimAronson-TwentySeconds4461.flv'
],
// some styling for the controlbar
plugins: {
controls: {
playlist: true,
backgroundColor: '#000',
height: 28,
backgroundGradient: 'low'
}
}
});
</script>
</body>
</html>
</code>
************************************************** ******************
También probé este código n ASP.NET y nada...
************************************************** ******************
<code class="html">
<script language="javascript">
flowplayer("player", "flowp/flowplayer-3.1.5.swf", {
clip: { url: 'http://share.nacsport.com/mquintana/video.mp4',
autoPlay: false, autoBuffering: true,
onResume: function (clip) {
//$("#labelTest").load("resources_notifier.aspx?idv= " + id_video);
$.get("resources_notifier.aspx");
//$("#txtTest").load("/resources_notifier.aspx");
alert("clip started 2");
$.ajax({
type: "POST",
url: "video_webservice.asmx/video_watch_notifier",
data: "{'license': fofi}",
contentType: "application/json; charset=utf-8",
dataType: "json"
});
}
},
});
</script>
</code>
