Javascript 瘦身视频播放列表代码

我想知道我是如何精简为视频播放器编写的代码的。每次我添加一个新的视频，我都必须复制每个视频的功能，并将其复制到相关视频。是否有人知道如何将其缩小，以便在我将新视频添加到列表时，它将使用正确的功能来显示它，而无需复制、粘贴和更改链接

小提琴在这里-

最好的，

---

奥利弗

这里有一个选项可以让你开始：

将src值添加到每个锚标记并使用共享类名：

<li><a href="#" class="videoBtn" src="//www.youtube.com/embed/brFKqr0BZcE?
wmode=transparent&controls=0&showinfo=0">Paper Heart</a></li>

把它放在你想要的地方

---

通过此方法，您只需使用一个函数来处理所有链接即可完成相同的操作。

您可以执行以下操作：在HTML中，更改id中的类，然后添加一个类，如下所示：

        <li><a href="#" class="vidbtn" id="one">Paper Heart</a></li>
        <li><a href="#" class="vidbtn"  id="two">Rumour</a></li>
        <li><a href="#" class="vidbtn"  id="three">Millionaire Transmitter</a></li>
        <li><a href="#" class="vidbtn"  id="four">Another video</a></li>

$( ".vidbtn" ).click(function(e ) {
        videoContainer.empty().append(eval(this.id));

            $('.video-hold iframe').each(function () {

                var url = $(this).attr("src");

                $(this).attr("src", url + "&autoplay=1&controls=0&showinfo=0");

                return false;

            });

            e.preventDefault();

        });

希望这对你有帮助

编辑：

下面是一个基于您的代码并进行了一些更改的JSFIDLE：

---

非常感谢您迅速而有益的回复！文森特非常感谢，朋友，这看起来很棒，正是我想要的。最好的。对不起，我花了一段时间，我是新来的。

        <li><a href="#" class="vidbtn" id="one">Paper Heart</a></li>
        <li><a href="#" class="vidbtn"  id="two">Rumour</a></li>
        <li><a href="#" class="vidbtn"  id="three">Millionaire Transmitter</a></li>
        <li><a href="#" class="vidbtn"  id="four">Another video</a></li>

$( ".vidbtn" ).click(function(e ) {
        videoContainer.empty().append(eval(this.id));

            $('.video-hold iframe').each(function () {

                var url = $(this).attr("src");

                $(this).attr("src", url + "&autoplay=1&controls=0&showinfo=0");

                return false;

            });

            e.preventDefault();

        });