我使用jsvideo作爲主要的HTML5視頻,但它使用流水遊戲作爲其閃回fallback ...我有它的工作,除了流水遊戲使用的swf文件需要來自http源...有沒有辦法做到這一點,我可以把文件放在我的服務器上?(Flash)Flowplayer源碼 - 是否必須來自http://?
UPDATE:這是我使用的實際代碼 - 在閃回回退部分中,我試圖直接引用swf媒體,但它不起作用。只有這樣,如果我參考了flowplayer.org/swf/flowplayer-3.2.1.swf的 「data」, 「param name =」movie「value =」和「param name =」flashvars「... url 「
$.fancybox({
'padding': 0,
'overlayOpacity': 0.7,
'autoDimensions': false,
'width': 650,
'height': 274,
'content': '<div><div class="video-js-box">' +
'<video id="example_video_1" class="video-js" width="640" height="264" controls="controls" preload="auto" poster="' + url + '.png">' +
'<source src="' + url + '.mp4" />' +
'<source src="' + url + '.webm" />' +
'<source src="' + url + '.ogv" />' +
'<!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->' +
'<object id="flash_fallback_1" class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash"' +
'data="/Content/media/flowplayer-3.2.1.swf">' +
'<param name="movie" value="/Content/media/flowplayer-3.2.1.swf" />' +
'<param name="allowfullscreen" value="true" />' +
'<param name="flashvars" value=\'config={"playlist":["' + url + '.png", {"url": "/Content/media/oceans-clip.mp4","autoPlay":false,"autoBuffering":true}]}\' />' +
'<!-- Image Fallback. Typically the same as the poster image. -->' +
'<img src="' + url + '.png" width="640" height="264" alt="Poster Image"' +
' title="No video playback capabilities." />' +
'</object>' +
'</video>' +
'</div></div>',
'onComplete': function() { $("#fancybox-inner").css({ 'overflow': 'hidden' }); },
'onClosed': function() { $("#fancybox-inner").empty(); }
});
您發現所有的HTML5視頻源可以來自‘/Content/media/name.mp4’裏的SWF文件(具體的Flowplayer-3.2.1.swf和‘URL’需要來自一個http://源
(雖然PNG文件,我可以在本地參考)
是沒有解決這個方式希望這是有道理的
跟着你的HTTP流量,並確保你沒有得到任何404s。 '/'將指向您的服務器的webroot。這樣做:'../../content/video.mp4'實際上是一個相對於你的SWF的路徑。 – gthmb 2010-11-23 19:08:21