插入类似于apple.com的Quicktime Player

时间:2010-02-11 18:18:18

标签: javascript jquery user-interface quicktime

看着Apple Website,他们通过向用户展示的快速电影做了出色的工作。当我之前包含quicktime链接时,实际向用户显示的播放器相当平淡,并且浏览器与safari,chrome,即firefox中的内容完全不同。 Apple似乎很好地处理了所有这些情况。是否有某种开源播放器我可以使用(不是FLASH)来完成他们正在做的同样的事情?如果苹果正在这样做,我会认为有一种方法可以复制这个过程,我知道HTML 5有方法,但是html5尚未完全支持,我正在寻找其他可能能够处理它的东西..

提前谢谢。

=======更新已解决=========

我已经解决了这个问题,经过一段时间的工作后,我在苹果网站上发现了一个隐藏得很好的小宝石。 Using Apple Documentation - 发现在我的左边,有一个ac_quicktime.js javascript文件,它在OGG文件中交换,浏览器不支持漂亮的Quicktime X播放器。现在OGG转换花了我一些时间,但我终于能够在ffmpeg theora转换它了。使用它,它工作得很完美。感谢大家的建议!希望这有助于其他人,因为我已经在少数几个不同的领域使用过它!

其他有助于此过程的网站:

Dive into HTML5 - Video

Video for Everyone

Sublime Video

最后请确保您的.htaccess文件能够提供.ogv文件,否则如果您没有仔细阅读,这个文件可能会花费很长时间。

AddType video/ogg          .ogv
AddType application/ogg    .ogg

4 个答案:

答案 0 :(得分:4)

我发现你已经找到了Apple的解决方案,但你可能还想看一下SublimeVideoVideo for Everybody,它们的目的是创建同样漂亮且兼容的玩家。

答案 1 :(得分:0)

Apple.com依赖客户端的QuickTime插件 他们没有利用QT播放器的特殊版本,他们建立在(字面上)默认播放器之上 这就是他们如何定制控制器的外观和它的独特功能;使浏览器类似 它严重依赖于自定义图像和JavaScript。 查看object's documentation,甚至是iPad video的来源,了解他们如何构建控制器。

经过一些快速谷歌搜索后,我找不到任何类型的js库/插件来简化QT定制过程。有人有吗?

答案 2 :(得分:0)

在查看他们使用的object / embed标签后,看起来有一些参数可以帮助玩家的外观。

在玩了真假值后,这里有一对可能会帮助你的事情:

<强> showlogo
在加载视频之前显示QuickTime徽标。您可以将此设置为false,以使其不显示。

<强>控制器
显示默认的QuickTime视频控件。将其设置为false可隐藏默认视频控件。绝对让它看起来更干净。

[可能会更多......]

请务必替换object / embed标记中的所有值,以覆盖所有浏览器。

我一直在jsbin.com上搞乱iPad视频。
这是一个与Apple网站具有相同价值的页面:http://jsbin.com/udupe3
同一页面,视频控件设置为开。比较代码,看看我做了什么:http://jsbin.com/udupe3/2

答案 3 :(得分:-2)

jQuery Tools - 他们有一个名为“flowplayer”的媒体播放器:

http://flowplayer.org/