同一页面上有多个 javascript？

Question

首先，我使用带有 elementor 插件和手风琴功能的 wordpress。

我有视频播放器的代码：

<div id="player_div"></div><script src="https://lnaff.pl//API_VIDEO/LOCKER/js.js"></script><script> var ustawienia = {element_id:"player_div",
wysokosc:"455",
szerokosc:"800",
skin:"1",
czas_blokady:"19",
dlugosc_filmu:"2589",
video_url:"http://androidapkmodpro.com/wp-content/uploads/2020/01/Intro.mp4",
video_img:"https://i.imgur.com/YvKvkYL.png",
stream:"0",
programy_url:["https://leadnet.pl/p_uri/q6pYwlgb27QyvVjdPke1/x1vo6wa/?parametr=",],
player_button:["https://i.imgur.com/ACzzOnz.png",],
}; LEADNETWORK_generuj_player(ustawienia);</script>

我需要在同一个页面的多个地方添加。当我尝试多次复制-> 粘贴时，只有一个地方显示。可能吗？有什么建议吗？

Answer 1

请看第一行：

<div id="player_div"></div><script src="https://lnaff.pl//API_VIDEO/LOCKER/js.js"></script><script> var ustawienia = {element_id:"player_div",

基本上是说，由于 element_id:"player_div"，视频被放入 div 和 id=player_div。如果您将第一行更改为：

<div id="my_second_video_placeholder"></div><script src="https://lnaff.pl//API_VIDEO/LOCKER/js.js"></script><script> var ustawienia = {element_id:"my_second_video_placeholder",

很有可能会奏效。

Answer 2

如果您将此代码复制并粘贴到多个位置，您将加载代码并声明相同的变量两次，这对于 Javascript 将不起作用。 "ustawienia" 变量也指向 player_div，使用 HTML id，这只会找到第一个。

<script src="https://lnaff.pl//API_VIDEO/LOCKER/js.js"></script><!-- only include once -->

<div id="player_div1"></div> <!-- div for first video -->
<div id="player_div2"></div> <!-- div for second video -->

<script> 
var video1 = {element_id:"player_div1",
  wysokosc:"455",
  szerokosc:"800",
  skin:"1",
  czas_blokady:"19",
  dlugosc_filmu:"2589",
  video_url:"http://androidapkmodpro.com/wp-content/uploads/2020/01/Intro.mp4",
  video_img:"https://i.imgur.com/YvKvkYL.png",
  stream:"0",
  programy_url:["https://leadnet.pl/p_uri/q6pYwlgb27QyvVjdPke1/x1vo6wa/?parametr=",],
  player_button:["https://i.imgur.com/ACzzOnz.png",],
}; 
var video2 = {element_id:"player_div2",
  wysokosc:"455",
  szerokosc:"800",
  skin:"1",
  czas_blokady:"19",
  dlugosc_filmu:"2589",
  video_url:"http://androidapkmodpro.com/wp-content/uploads/2020/01/Intro.mp4",
  video_img:"https://i.imgur.com/YvKvkYL.png",
  stream:"0",
  programy_url:["https://leadnet.pl/p_uri/q6pYwlgb27QyvVjdPke1/x1vo6wa/?parametr=",],
  player_button:["https://i.imgur.com/ACzzOnz.png",],
}; 

LEADNETWORK_generuj_player(video1);
LEADNETWORK_generuj_player(video2);
</script>

现在我还没有使用领先的网络视频播放器，但这应该没有问题。对于每个新视频，您需要在脚本部分创建一个新的目标 DIV 标签和一个新的视频变量。

希望对您有所帮助。

同一页面上有多个 javascript？

Multiple javascript on the same page?

javascript

html

wordpress

elementor