https://drive.google.com/file/d/0B9u5dgydfOEuc2xFdnRxbGFlS0k/view?usp=sharingThis is as far as i'm going to go with this project...
I'm unable to get the javascirpt to run properly to transfer the "item url" form hfs to the path into the swf object
-----------
there is an error in this code
<!-- New video player here -->
<center>
<div id="oplayer" class="flowplayer" tabindex="0" ></div>
</center>
<!-- player container-->
<a href="" class="flowplayer"
style="display:block;width:600px;height:1280px;margin:10px auto"
id="oplayer">
</a>
<script>
$(document).ready(function(){
$('.img-zoom').hover(function() {
$(this).addClass('transition');
}, function() {
$(this).removeClass('transition');
});
});
//take in data form onclick event
document.getElementById('oplayer').style.display='none';
function flowplayer(url, title, format) {
var div = document.getElementById('playertitle');
div.innerHTML = "<div style='margin-top:30px;'></div>" + title + "<div style='margin-top:70px;margin-bottom:70px'><hr style='border-color:red;'></div>";
document.getElementById('oplayer').style.display='block';
document.getElementById('playertitle').style.display='block';
// install flowplayer
$f("flowplayer", "/template/global/flowplayer/flowplayer-3.2.18.swf", {
playlist: [
'%item-url%'
]
}
// select first Flowplayer instance and enable embedding for it
.embed({
// embedded player's width. by default this is the same as in the original player
width: 600,
// embedded player's height. by default this is the same as in the original player
height: 1280,
// absolute URL for the flowplayer.swf. by default the URL is the same as for the original player
url: '/template/global/flowplayer/flowplayer-3.2.18.swf',
// if you just want to embed a single clip from the playlist. 0 means use the first clip
index: 0
});
$("oplayer").html($f().getEmbedCode(true));
</script>
<!-- New video player here -->
<br />
[file]
{.switch|%item-ext%|,
|mkv|
<tr><td class=row>%new%<a href="%item-url%">
<div style="float:left"><img align=top src="/template/hfsflix/mkv.png" height="32" width="32"/></div>
<div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
<td class="row right"><a href="#" onclick="oplayer('%item-url%','%item-name%','video');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
<!-- can't paly yet -->
|avi|
<tr><td class=row>%new%<a href="%item-url%">
<div style="float:left"><img align=top src="/template/hfsflix/movie.png" height="32" width="32"/></div>
<div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
<td class="row right"><a href="#" onclick="oplayer('%item-url%','%item-name%','video');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
<!-- can't paly yet -->
|mp4|
<tr><td class=row>%new%<a href="%item-url%">
<div style="float:left"><img align=top src="/template/hfsflix/movie.png"/></div>
<div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
<td class="row right"><a href="#" onclick="player('%item-url%','%item-name%','video');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
|mp3|
<tr><td class=row>%new%<a href="%item-url%">
<div style="float:left"><img align=top src="/template/hfsflix/mp3.png"/></div>
<div style="margin-left:43px;padding-top:8px;color:black;font-weight:bold;">%item-name%</div></a><td class="row right" style="color:black;">%item-size%B
<td class="row right"><a href="#" onclick="player('%item-url%','%item-name%','audio');"><img src="/template/hfsflix/play_netflix.png" width=32/></a>
/switch.}
-----------------------
so i'm going to turn this over to the form:
*a more experienced user will be need to accomplish this, the files and structure is there, jsut unable to figure out what i'm doing wrong...
tutorial i tired to folow:
https://flowplayer.org/docs/embedding.htmlhttp://flash.flowplayer.org/plugins/javascript/embed.htmlcan also be done with swfobject:
https://code.google.com/p/swfobject/wiki/documentationI'm unable to continue working on this