Question

我的客户在OSX / Safari 6.2中报告了一个问题，其中MaxCDN托管的视频在初始页面加载时加载正常，但在点击离开页面并使用浏览器的“后退”按钮返回后，视频为空白

我已经尝试过广泛地复制这个问题，但是我已经在三个单独的Mac上测试了这个问题，而且还使用了Browserstack，我只是没有看到它。但它似乎影响了客户办公室中的所有计算机。

这是一个孤立的测试，它表现出同样的问题：http://artworking.uk/tmp/video.html

当我的客户点击页面顶部的链接然后点击回来时，视频就不会显示。

不幸的是，谷歌搜索这个问题并没有任何消息。

完整代码在这里：

<video loop autoplay>
    <source type="video/mp4" src="http://p.epoch-vod-cdn.epochdesign.netdna-cdn.com/vod/epoch-vod-cdn.epochdesign/background.mp4">
    <source type="video/webm" src="http://p.epoch-vod-cdn.epochdesign.netdna-cdn.com/vod/epoch-vod-cdn.epochdesign/background.webm">
    <object class="background__video" type="application/x-shockwave-flash" data="http://p.epoch-vod-cdn.epochdesign.netdna-cdn.com/vod/epoch-vod-cdn.epochdesign/flashmediaelement-cdn.swf">
        <param name="movie" value="http://p.epoch-vod-cdn.epochdesign.netdna-cdn.com/vod/epoch-vod-cdn.epochdesign/flashmediaelement-cdn.swf">
        <param name="wmode" value="opaque">
        <param name="flashvars" value="file=http://p.epoch-vod-cdn.epochdesign.netdna-cdn.com/vod/epoch-vod-cdn.epochdesign/background.flv&amp;isvideo=true&amp;controls=false&amp;autoplay=true">
    </object>
</video>

Answer 1

我不是这方面的技术专家。我遇到了类似的问题，根据我的研究，我认为我找到了解决方案。这对我有用，也许你可以尝试一下，让论坛知道结果。

我的问题：当我点击后退按钮时，视频没有加载。我的观察：这不是视频问题。它是触发页面加载的浏览器问题。它基于我的init函数没有被触发的事实。

解决方案

    $(window).bind("pageshow", function(event) {
      if (event.originalEvent.persisted) {
          window.location.reload();
      }
    });

在应用解决方案时，页面已正确加载

参考：Mobile Safari back button

希望这会有所帮助。

单击后退按钮后，HTML5视频在Safari中消失

1 个答案: