logo标签列表

插入类似于apple.com的Quicktime播放器

javascriptjqueryuser-interfacequicktime
8
看看Apple网站，他们在向用户展示quicktime电影方面做得非常出色。但是，我以前包含的quicktime链接所显示的播放器相当单调，并且跨浏览器的外观与safari、chrome、ie、firefox中的外观差别很大。Apple似乎很好地处理了所有这些条件。是否有一种开源播放器（不是FLASH）可以实现他们正在做的事情？如果苹果能做到，我想肯定有一种方法可以复制这个过程，我知道HTML 5有方法，但由于HTML5尚未完全支持，因此我正在寻找其他可能目前能够处理它的东西...

提前致谢。

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

我已经解决了这个问题，在工作一段时间后，我在苹果网站上发现了一个很好隐藏的小宝石。使用苹果文档 - 在我左边找到一个名为ac_quicktime.js的javascript文件，如果浏览器不支持漂亮的Quicktime X播放器，它会切换到OGG文件。现在，OGG转换花了我一些时间，但最终我能够在ffmpeg theora中进行转换。使用这个工具，它完美地运行。感谢大家的建议！希望这对其他人有所帮助，因为我已经在许多不同的领域中使用它！

其他有用的网站：

Dive into HTML5 - Video

Video for Everyone

Sublime Video

最后，请确保您的.htaccess文件能够提供.ogv文件，否则如果您没有仔细阅读，这可能会让您困扰很长一段时间。
AddType video/ogg          .ogv
AddType application/ogg    .ogg
1
你应该将你的更新作为一个答案，并将其标记为答案。 - Tim Banks
4个回答
4

我看到您找到了苹果的解决方案，但您也可以查看 SublimeVideo 和 Video for Everybody，它们旨在创建类似良好和兼容的播放器。

两个很棒的网站，我会将它们和我使用过的另一个网站一起添加到描述中。谢谢！ - Petrogad
在iPhone上，由于屏幕较小，视频无法以内联方式播放，也无法在默认播放器中播放。在我看来，这是不使用sublimevideo播放视频的最大缺点。 - Pratik
@Pratik 很遗憾，iPhone 不支持网页上的内联视频。 - s4y
是的，我知道这就是为什么他们在默认播放器中播放。而且在iPad上，它不会使用video标签播放内联视频，而是使用默认播放器。请参见此链接http://stackoverflow.com/a/10860270/760489。 - Pratik
如果我们使用简单的 video 标签，它也会使用默认播放器进行播放，但在 sublimevideo 中不会。我已经在 iPhone 上尝试过了。 - Pratik
0

Apple.com 依赖于客户端的 QuickTime 插件。
他们没有利用特殊版本的 QT 播放器，而是在默认播放器的基础上构建（字面意思）。
这就是他们如何定制控制器的外观和独特功能；使其在各种浏览器中类似。
它严重依赖于自定义图像和 JavaScript。 查看对象文档，甚至iPad 视频的源代码，以了解他们如何构建控制器。

经过快速搜索，我找不到任何一种 js 库/插件来简化 QT 定制过程。有人有吗？

他们没有使用<object>/<embed>，而是使用<video>。源文件是Quicktime .mov容器，但视频内容是AVC/H.264格式，应该可以在任何支持<video>和H.264的浏览器中播放。我在没有安装Quicktime的Chrome虚拟机中进行了测试，视频源可以正常播放。苹果公司正在使用一些Quicktime插件检测来提供广告以安装插件，但他们不需要这样做。 - eyelidlessness
他们有时会使用视频。 他们使用检测来为客户端的浏览器提供最佳元素。 - tbeseda
0

在查看他们使用的object / embed标签之后，看起来有一些参数可以帮助播放器的外观。

在玩弄真/假值后，以下是其中几个可能会对您有所帮助：

showlogo
显示快速时间标志在视频加载前。将其设置为false即可避免显示此标志。

controller
显示默认的QuickTime视频控件。将其设置为false即可隐藏默认的视频控件。绝对使其看起来更干净。

[可能还有更多要来...]

请确保替换对象/嵌入标记中的所有值，以覆盖所有浏览器。

我一直在尝试在jsbin.com上制作iPad视频。
这里是一个具有与Apple网站相同值的页面：http://jsbin.com/udupe3
将视频控件设置为打开的同一页。比较代码以查看我所做的事情：http：//jsbin.com/udupe3/2

-2
1
看起来他们使用了一个SWF闪存播放器。我正在寻找一个非Flash解决方案。谢谢 - Petrogad
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接