Question

我有一个div，其中包含一个视频列表作为一种播放列表。单击其中一个链接时，会在播放列表旁边播放较大版本的视频。

我已将视频标题附加到div ID，当我将＃video-id附加到网址的末尾时，我可以看到该链接已突出显示。

不确定是否可以使用，以便当用户前往时，例如

www.examplesite.com/videos#video-6

此视频将突出显示并激活，以便以较大的版本播放视频。

如果有更好的方法可以做到这一点，那就太棒了。

Answer 1

你可以这样做：

var link = window.location.pathname;
var current = link.split('#');
current[current.length-1]; // <-- Current video

Answer 2

抓住网址并解析关键字：

var path = window.location.href;
var index = path.lastIndexOf('#');
var dom = path.substring(index);
$(dom).animate({height: 400, width: 250});

Answer 3

您可以在JS脚本中启动视频播放器吗？如果可以，请检查网址中是否有锚点，从网址获取锚点，按ID查找元素并为其添加活动类，然后启动正确的视频。

if( window.location.hash ) {
    var anchor = window.location.hash;
    var $activeEl = $(anchor);
    $activeEl.addClass('.active');
    yourVideoPlayer.play(anchor.substring(1, anchor.length-1)); // Removing the hash symbol
}

这样的事情会起作用。

有没有办法通过在URL中使用div id来更改活动元素？

3 个答案: