This tag is not W3C compliant. Is there another way to do overlays that is?
<button rel="#overlayvideo">Play Video</button>
<script type="text/javascript">
$(function() {
// setup overlay actions to buttons
$("button[rel]").overlay({
// setup exposing (optional operation);
onBeforeLoad: function() {
this.expose();
},
onLoad: function(content) {
// find the player contained inside this overlay and load it
$("a.player", content).flowplayer(0).load();
},
onClose: function(content) {
$("a.player", content).flowplayer(0).unload();
// close exposing
$.unexpose();
}
});
// install flowplayers
$("a.player").flowplayer(http://www.myserver.ca/scripts/flowplayer_scripts/flowplayer-3.0.0-rc4.swf");
});
</script>
<button rel="#overlayvideo">Play Video</button>
<script type="text/javascript">
$(function() {
// setup overlay actions to buttons
$("button[rel]").overlay({
// setup exposing (optional operation);
onBeforeLoad: function() {
this.expose();
},
onLoad: function(content) {
// find the player contained inside this overlay and load it
$("a.player", content).flowplayer(0).load();
},
onClose: function(content) {
$("a.player", content).flowplayer(0).unload();
// close exposing
$.unexpose();
}
});
// install flowplayers
$("a.player").flowplayer(http://www.myserver.ca/scripts/flowplayer_scripts/flowplayer-3.0.0-rc4.swf");
});
</script>
