|
Friday 22 October 2010 12:43:07 pm
Hi Quoc Huy, thanks for your reply! More or less it was that what I was aiming to do, but had to pass the video path to a Flowplayer object (which is created by a flowplayer script ) I finally managed to dynamically change the URL video this way: - just set this script in the head of the document..
{literal}
<script type="text/javascript">
$(document).ready(function() {
$("a.video").click(function () {
mediaplayer.setClip({url: $(this).attr("href")});
return false;
});
});
</script>
{/literal}- embedded this script in an external template included into a div of my frontpage left column..
<a style="display:block;width:500px;height:300px;" id="player"></a>
<script type="text/javascript" language="javascript">
mediaplayer = flowplayer("player", "/extension/ezextension/design/ezextension/javascript/flowplayer/flowplayer-3.2.5.swf", {
clip: {
autoPlay: false,
autoBuffering: true
}
});
</script>- and set a class name for the <a> tag of each fetched video where the event comes triggered..
{def $videos=fetch('content', 'tree', hash('parent_node_id', 2, 'class_filter_type', 'include', 'class_filter_array', array('video_content')))}
{foreach $videos as $video}
<a href="{concat('/', $video.data_map.video.content.filepath)}" title="{$video.data_map.title.content}" class="video">Watch video</a>
{/foreach}
loredanaebook.it
|