javascript - 邮寄到 : anchor links unloading html5 video in Chrome

Question

我有一个非常简单的页面，带有 <video>标签和电子邮件 anchor 链接:
http://jsfiddle.net/6GquX/3/

在 Chrome(OS X 10.8 + Win7，23.0.1271.97)中单击电子邮件链接会调用 beforeunloadchange事件并导致视频卸载，这不是预期的结果。

奇怪的是，如果我让视频稍微缓冲一下，然后单击电子邮件链接，视频会继续播放并且不会卸载。

据我所知，这只发生在 Chrome 中，我真的很茫然。访问任何 HTML5 视频播放器网站(videojs、flowplayer 等)，启动 HTML5 视频，然后立即模拟电子邮件点击 document.location.href = "mailto:foo@bar.com"在开发控制台中产生相同的错误。

但是，我倾向于认为这是视频的编码方式，因为我无法使用从 YouTube 的 HTML5 播放器下载的视频重新创建上述内容:
http://jsfiddle.net/6GquX/4/ ( source )

<强>1。 YouTube 是否有可能以特定方式对他们的视频进行编码以解决此问题？
<强>2。我可以采用任何策略/技巧来解决这个问题吗？

更新:

问题似乎与视频的比特率有关。将上面的 flowplayer 示例重新编码为 300kbps 可以解决问题。 (一个400kbps的视频还是一样的问题，不知 Prop 体的阈值是多少)

此处为 300kbps 示例:http://jsfiddle.net/6GquX/7/

希望这个问题会在未来的 Chrome 版本中得到解决。

Answer 1

我刚刚遇到了您似乎在描述自己的错误。我的解决方法是在有人点击 mailto 链接后再次播放视频。

$('.email').click(function(e){
    e.preventDefault();
    document.location.href = $(this).attr('href');
    setTimeout(
        function(){
            // video.js handle (insert whatever call you want to play the video)
            _V_.players.video.play();
        },
        2000
    );
});