Javascript 在锚定单击时显示flowplayer div

我在CGI中有一个动态页面，带有文件列表-文件数量是可变的，这取决于上传的内容。我想预览视频文件。下面是一段HTML代码

    <TMPL_LOOP files>
    <tr>
        <td>
            <a class="video_link" id="video_<TMPL_VAR file_id>" href="<TMPL_VAR file_path>"><TMPL_VAR file_name></a>
        </td>
        <td>
            File info here
        </td>
    </tr>
    </TMPL_LOOP>
    ...
    <div id="overlay">
        <a class="close" title="close"></a>
        <div id="overlay-player">
            <video>
            <source type="video/mp4" src="path to file derived by JS">
            </video>
        </div>
    </div>
    <script type="text/javascript">
    $('.video_link').click(function(event) {
        var filePath = getFilePath((event.target.id).substr("video_".length));
        show video here 
    });
    </script>

文件信息在这里
...


但我不知道如何为我的项目更改它。
循环在文件数组上迭代。每行都有关于文件的完整信息：名称、大小、路径、已创建、MIME类型等。

您知道如何使flowplayer在我的文件中可用吗？
恐怕默认设置已过时-Firefox警告。
$('.video_link').click(function(event) {
       event.preventDefault();// add this line.
        var filePath = getFilePath((event.target.id).substr("video_".length));
        show video here 
    });