当我的javascript表单插入到DOM中时，Safari6上的视频减慢了整个页面的速度

Question

实际上，我正在为我工作的公司开发一个简单的网站。每个页面都有一个中央视频，在FireFox Opera Chrome和IE9上一切正常，但在Safari6.0.1 ( Mac )和Safari5.1.7 (PC)上都不行(Mac Safari5.1.2也可以)。

我已经尝试停用任何其他脚本，删除所有视频属性，甚至以面向对象的方式重写我的脚本，但在这一点上没有任何结果。事实是，只要我尝试删除mp4源代码，整个页面就可以完美地运行。

可在此处查看测试站点：http://www.jsteitgen.com/tests/

我在论坛上读到了一些关于访问YouTube播放器时的Safari的帖子。这可能是同样的问题，但还没有找到任何确认。

我想知道是否有人经历过同样的事情/会知道一些我不知道的Safari6规范/甚至更好:会有一个解决方案！

希望我的英语足够清晰，能够得到答案。

Answer 1

看看网站上的代码，它看起来与“http://drupal.org/node/1536226”上的代码相似：

<source src='vids/animLogo.mp4' type='video/mp4' /><!-- Safari /iOs Video -->
                        <source src='vids/animLogo.ogv' type='video/ogg' /><!-- FireFox / Opera / Chrome -->
                        <source src='vids/animLogo.wmv' type='video/x-ms-wmv' /><!-- WIndows Media Viedo -->

提供了3个不同的视频文件。当然，webm和theora在问题中提到的safari版本上不受支持(来源：http://weblogs.mozillazine.org/asa/archives/2009/03/open_video_in_s.html，http://farukat.es/journal/2011/01/488-google-h264-and-video-web，http://farm6.static.flickr.com/5285/5349294818_e6e32d42db_o.png)，这会阻止ogv文件在safari中播放，而不需要用户提供额外的插件(来源：http://www.broken-links.com/2010/09/01/playing-webm-in-safari-with-plugins/，http://blog.andikurnia.com/2010/11/29/playing-ogg-files-directly-from-safari/)。通过进一步检查，.mp4文件的大小是火狐、opera和chrome视频格式的3倍。我的建议是优化.mp4文件，使流的数据少得多，因为嵌入的大小(720x423)比视频的尺寸(1280x720)小，但这是网站质量和性能的问题。

另外，回答你的问题，没有youtube播放器，它主要与视频编解码器和苹果的实现有关，safari本身并不支持Theora，因此，它求助于.mp4版本，除非有可用的编解码器或插件来对文件进行解码。

简而言之，正在播放的是更高质量和较慢的视频。这需要压缩和优化，以便网站运行得更顺畅一点。