无法添加相同的 js

Cant add the same js

本文关键字:js 添加      更新时间:2023-09-26

我想在一个 html 页面上有两个这个图库......但我不能只是重新复制代码。我相信我需要制作一些其他div ID 才能正常工作......我想让一个画廊展示我的YouTube频道,另一个展示另一个YouTube频道。

<html lang="en">
<head>
<link href="http://files.enjin.com/469593/Styles/ytv.css" type="text/css" rel="stylesheet" />
<link href="http://files.enjin.com/469593/Styles/main.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="frame">
</div>
<!--Change user to your channel-->
<script>
window.onload = function(){
window.controller = new YTV('frame', {
user: 'midnightmafiaGUILD',
accent: 'yellow'
});
};
</script>
<div id="frame">
</div>
<!--Change user to your channel-->
<script>
window.onload = function(){
window.controller = new YTV('frame', {
user: 'other youtube channel',
accent: 'yellow'
});
};
</script>
<script type="text/javascript" src="http://files.enjin.com/469593/Styles/ytv.js"></script>
</body>
</html>

首先尝试加载外部脚本。

<script type="text/javascript" src="http://files.enjin.com/469593/Styles/ytv.js"></script>
<script>
window.onload = function(){
window.controller = new YTV('frame', {
user: 'midnightmafiaGUILD',
playlist: 'PLdxzlBKS1wMV2fjkYR9GA2f3t0R4CAof8',
accent: 'yellow'
});
};
</script>

你必须首先包含youtube js然后像这样使用它,

<script type="text/javascript" src="http://files.enjin.com/469593/Styles/ytv.js"></script>
<script>
    window.onload = function(){
        window.controller = new YTV('frame', {
            user: 'midnightmafiaGUILD',
            playlist: 'PLdxzlBKS1wMV2fjkYR9GA2f3t0R4CAof8',
            accent: 'yellow'
        });
    };
</script>