(Flash) Flowplayer 源代码 - 是否必须来自 http://？

Question

我主要使用 jsvideo 作为 HTML5 视频，但它使用 flowplayer 作为其 flash 后备...我可以使用它，只是 flowplayer 使用的 swf 文件需要来自 http 源...有没有办法让它工作这样我就可以将文件放在我的服务器上吗？

更新：这是我使用的实际代码 - 在 Flash 后备部分中，我尝试直接引用 swf 媒体，但它不起作用。如果我引用 flowplayer.org/swf/flowplayer-3.2.1.swf ，它的唯一工作方式 “数据”， "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 文件）

有什么办法解决这个问题吗？希望这是有道理的

Answer 1

由于您是从 flowplayer.org 域请求 SWF，因此您必须将引用作为绝对 HTTP 文件传递​​。

在 Flash 中，相对路径基于 提供 SWF 的目录（在本例中为 http://releases.flowplayer.org/swf/），而不是基于包含嵌入 SWF 的 HTML 页面（即您的 HTML 页面）的目录。

如果您想使用相对于服务器的相对路径，则需要在服务器上托管 flowplayer-3.2.1.swf。使用绝对 http URI 链接到您的视频可能更容易。

Answer 2

就像 gthmb 所说，你必须使用你的 SWF 目录。这是一个工作示例：

<object type="application/x-shockwave-flash" data="/Tools/flowplayer-3.2.12.swf" width="600px" height="338px">
                            <param name="movie" value="Tools/flowplayer-3.2.12.swf">
                            <param name="allowFullScreen" value="true">
                            <param name="wmode" value="transparent">
                            <param name="flashVars" value="config={'playlist':['../Video/myVideo.jpg',{'url':'../Video/myVideo.mp4','autoPlay':false}]}">
                            <img src="video/myVideo.jpg" width="600px" height="480px"></object></video>

我必须使用“../”向上一个目录。 “工具”和“视频”目录位于同一级别。