Flowplayer flash 组件播放声音但不播放视频
Posted
技术标签:
【中文标题】Flowplayer flash 组件播放声音但不播放视频【英文标题】:Flowplayer flash component plays sound but not video 【发布时间】:2011-01-05 23:22:41 【问题描述】:好的,我整天都在研究这个,这让我发疯了。流播放器将播放 *.flv 的音频,但不播放视频,我不知道为什么。使用默认 flowplayer flv url 的初始示例页面可以正常工作。当我将网址更改为我的 Godaddy 网站时,它不起作用。
我搜索过 ***,用 Google 搜索过,当然,还查看了 Flowplayer 网站上的论坛。我发现一些文章谈论闪存文件缺少它的元数据并且将 flowplayer 扔掉。我正在使用 Movavi Video Suite 8 执行从 mp4 到 flash 的转换。我认为元数据在转换时包含在闪存文件中,但我不确定。我使用这里找到的元数据注入器:http://www.buraks.com/flvmdi/ 将元数据注入到 flash 文件中,但它仍然不起作用。
另外值得注意的是,播放器的进度条显示了视频的开始、当前和结束时间值,所以我认为元数据就在那里。不过,我仍然不知道为什么这不起作用。
我想知道它是否是我的 *.flv 文件,因为播放器会加载生成它的 mp4 文件。我使用了一个名为 MOVAVI Video Suite 的高级应用程序来执行转换。我不认为是这种情况,因为我可以将转换后的 *.flv 文件上传到 youtube 并且可以正常播放。
另外值得注意的是,当 flv 源指向我的 godaddy 站点以及指向包含播放器的硬盘驱动器上的本地文件夹时,Flow Player 播放音频而不是视频,它是文件,视频文件,以及用于测试的示例 .html 页面。
可能还有一点值得一提的是我还没有将流播放器文件放在我的godaddy网站上,因为视频图片没有在本地显示。
我在使用 LongTailVideo 播放器时遇到了同样的问题。
这是我的测试页面的 html:
<!--
include flowplayer javascript file that does
Flash embedding and provides the Flowplayer API.
-->
<script type="text/javascript" src="flowplayer-3.1.4.min.js"></script>
<!-- some minimal styling, can be removed -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- page title -->
<title>Minimal Flowplayer setup</title>
<div id="page">
<h1>Minimal Flowplayer setup</h1>
<p>View commented source code to get familiar with Flowplayer installation.</p>
<!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
<a
href="http://www.thebaisenzone.com/rememberthejourney/example/VID00003.flv"
style="display:block;width:520px;height:330px"
id="player">
</a>
<!--<a
href="file:///C:/Development/MVC/flowplayer/example/VID00003.flv"
style="display:block;width:520px;height:330px"
id="player">
</a> -->
<!-- this will install flowplayer inside previous A- tag. -->
<script>
flowplayer("player", "flowplayer-3.1.5.swf");
</script>
<!--
after this line is purely informational stuff.
does not affect on Flowplayer functionality
-->
<p>
If you are running these examples <strong>locally</strong> and not on some webserver you must edit your
<a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">
Flash security settings</a>.
</p>
<p class="less">
Select "Edit locations" > "Add location" > "Browse for files" and select
flowplayer-x.x.x.swf you just downloaded.
</p>
<h2>Documentation</h2>
<p>
<a href="http://flowplayer.org/documentation/installation/index.html">Flowplayer installation</a>
</p>
<p>
<a href="http://flowplayer.org/documentation/configuration/index.html">Flowplayer configuration</a>
</p>
<p>
See this identical page on <a href="http://flowplayer.org/demos/example/index.htm">Flowplayer website</a>
</p>
</div>
【问题讨论】:
【参考方案1】:我知道这是一篇旧帖子,但我遇到了同样的问题,也许这可能对某人有所帮助。我通过在视频显示的播放器容器上放置宽度和高度来发现。
<div style="width: 200px; height: 200px">
<a href="" .... flowplayer call
</div>
【讨论】:
【参考方案2】:我有同样的问题。 我的 flowplayer 在页面正文中生成类似这样的内容
<a href="../resimler/video/test.flv" class="flowplayer">
<object type="application/x-shockwave-flash" data="../mult/flowplayer-3.2.7.swf" id="fp_43298124_api">
<param value="true" name="allowfullscreen">
<param value="always" name="allowscriptaccess">
<param value="high" name="quality">
<param value="false" name="cachebusting">
<param value="#000000" name="bgcolor"><param value="config="playerId":"fp_43298124","clip":"url":"../resimler/video/test.flv","playlist":["url":"../resimler/video/test.flv"]" name="flashvars">
</object>
</a>
当我把style="width:200px;height:200px"
放到<object>
标签上时,我就可以看到视频了。
可能会帮助别人
【讨论】:
当我连续放两个视频时,它们都消失了,你知道为什么吗?提前致谢。【参考方案3】:您的文件与闪存兼容吗?我的意思是 Adobe Flash 运行时是否支持音频和视频编解码器? List of codecs supported by Adobe Flash Player 这可能是导致错误的原因。
作为另一种方法,您可以尝试不同的编码应用程序,WinFF 基于 FFmpeg 非常好且非常易于使用。在 WinFF 主窗口中单击 转换为 -> 网站设备 预设 -> Flash Video for Web
【讨论】:
以上是关于Flowplayer flash 组件播放声音但不播放视频的主要内容,如果未能解决你的问题,请参考以下文章
兼容各个浏览器的H.264播放: H.264+HTML5+FLOWPLAYER+WOWZA+RMTP
js网页视频播放: vcastr22 flowplayer jwplayer
flash里声音播放的方式是事件和数据流,这两种方式有啥特点、有啥区别?、
(Flash) Flowplayer 源 - 它必须来自 http:// 吗?