从url array key

Question

我需要帮助编辑我的JS代码

当我点击按钮视频1或视频2中的一个时，它将从按钮获取数据str到使用php的URL结尾

但是当我导航到那个带有data-str的url时，它将加载默认视频而不是来自url上的data-str。我不知道如何解释你们理解的希望。

这是我在plnkr http://plnkr.co/edit/LhxRjJXBnCGKGfW4ZLWO?p=preview

上的完整代码

这是我的JS代码

<script>
    $(document).ready(function() {
      //action listener for video_link class
      $('.video_link').click(function(e) {
        e.preventDefault();
        $('.frame_src').attr('src', 'https://www.youtube.com/embed/' + $(this).data('str'));
        window.history.pushState({},"",window.location.origin + window.location.pathname + '?video=' + $(this).data('str'));
      });
        $(".frame_src").attr("data-src", "https://www.youtube.com/embed/p9zdCra9gCE");
        var t = "p9zdCra9gCE",
            e = $(".embed_code").attr("data-content");
        e = e.replace("[videoID]", t), $(".embed_code").html(e), $(".video_button").slideDown(), $(".video_link").click(function() {
            $(".reloadframe").show();
            var t = $(this).attr("data-str"),
                e = "https://www.youtube.com/embed/" + t + "",
                a = $(".embed_code").attr("data-content");
            a = a.replace("[videoID]", t), $(".embed_code").html(a), $(".frame_src").attr("src", e), clearInterval(interval), document.querySelector(".load_video").style.display = "none", $(".frame_src").show()
        })
    });
            </script>