Sunday 15 February 2015

jquery - Flowplayer, url is not defined -



jquery - Flowplayer, url is not defined -

the next code works in webbrowser, not in iphone (an excerpt of code follows). errror 'url not defined'. reason this?

here follows code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script> <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script> <script type="text/javascript" src="http://releases.flowplayer.org/js/flowplayer-3.2.13.min.js"></script> <script type="text/javascript" src="http://releases.flowplayer.org/js/flowplayer.ipad-3.2.13.min.js"></script> <script> $( document ).ready(function() { $f(playerid, "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", { clip: { autoplay: false, urlresolvers: 'brselect', // preserve aspect ratios scaling: 'fit', bitrates: [ // utilize 800 kbps item default, sd item, marked sd: true { url: videolink, bitrate: 800, sd: true, isdefault: true }, // hd item, marked hd: true { url: hdlink, bitrate: 1600, hd: true } ] }, plugins: { brselect: { url: "http://releases.flowplayer.org/swf/flowplayer.bitrateselect-3.2.14.swf", // comment out in production onstreamswitch: function (newitem) { $f().getplugin('content').sethtml("switched to: " + newitem.streamname); } }, rtmp: { url: "http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.13.swf", netconnectionurl: 'rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st' }, content: { url: "http://releases.flowplayer.org/swf/flowplayer.content-3.2.9.swf", top: 0, left: 0, width: 400, height: 150, backgroundcolor: 'transparent', backgroundgradient: 'none', border: 0, textdecoration: 'outline', style: { body: { fontsize: 14, fontfamily: 'arial', textalign: 'center', color: '#ffffff' } } } } } ).ipad(); });

the attributes videolink , hdlink above have values:

http://www.premanandasatsangtvarchive.org/international/2014-09-26enl.mp4 , http://www.premanandasatsangtvarchive.org/international/2014-09-26en.mp4

url: http://www.premanandasatsangtvarchive.org/sattv/sattvresponsive/complete_archive.html?language=en&nrofvideos=1&category=complete_english

solution: alter code should work on iphone (it doesn't need work on browsers, since code used iphone-app):

<a href="${videolink}" class="player playersize" id="player${id}"> <img id="posterframe${id}" class="widthscreen" src="${posterframe}" alt="${posterframe}" /> </a>

in script-file:

var playeridtag = "#" + playerid; $(playeridtag).attr ("href", videolink); console.log ("player id " + playerid); console.log ("videolink " + videolink + "and hdlinkis " + hdlink + "title " + titlewithhtml); $f(playerid, "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", { clip: { autoplay: false, urlresolvers: 'brselect', // preserve aspect ratios scaling: 'fit', ipadurl: videolink } } ).ipad();

jquery flowplayer

No comments:

Post a Comment