Question

在我的网站上，链接A和链接B可以链接到第X页。

如果我来自链接A，我想在第X页上自动启动视频，但不是在我来自链接B时。

我有什么方法可以使用javascript / jquery吗？

供参考：我正在使用精美的盒子来启动视频。

Answer 1

所以基本上你想要检测历史。只需使用document.referrer。

类似的东西：

document.addEventListener("load", function() {
  if (document.referrer === LINK_A) {
    startVideo();
  }
});

对于您的目的应该没问题。

Answer 2

您可以采取两种方法解决此问题。

选项1

这个选项是我的第一个概念证明。

在您的第一页上：

<a href="/newpage#linkA">Link A</a>
<a href="/newpage">Link B</a>

并/newpage：

<script type="text/javascript">
    $(function(){
        if(window.location.hash === "#linkA"){
            // play video
        }
    });
</script>

或选项2：

第一个选项并不能说明如果使用后退按钮，页面将不会刷新。使用查询字符串会导致页面刷新，从而繁殖此解决方案。

在您的第一页上：

<a href="/newpage?playVideoA=1">Link A</a>
<a href="/newpage">Link B</a>

并/newpage：

<script type="text/javascript">
    $(function(){
        if(window.location.search.substring(1) === "playVideoA=1"){
            // play video
        }
    });
</script>

Answer 3

我可以想到两种方法来做到这一点。一种是检查document.referrer的值以查看上一页的内容。更好的方法是让您的Page X接受“autostart_video”HTTP GET参数。因此，您的链接会转到http://mysite.com/pageX?autostart=True这样的网址。如果您的页面是动态构建的（例如，如果您使用的是Django），那么您可以检查该参数并相应地修改javsacript。

单击链接时启动视频

3 个答案: