Несколько javascript на одной странице? - PullRequest
Новая
       11

Несколько javascript на одной странице?

0 голосов
/ 23 января 2020

Прежде всего, я использую wordpress с плагином elementor и функцией аккордеона.

У меня есть код видеоплеера: 

<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>

Мне нужно поставить на несколько мест на одной странице. Когда я пробовал только несколько копировать-> вставить, только в одном месте показывает. Является ли это возможным? Любые советы?

Ответы [ 2 ]

0 голосов
/ 23 января 2020

Если вы скопируете и вставите этот код в нескольких местах, вы загрузите код и дважды объявите одни и те же переменные, что для Javascript не сработает. Переменная «ustawienia» также указывает на player_div, и с HTML идентификаторами будет найден только первый. 

<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 и новую переменную видео в разделе сценариев.

Надеюсь, это поможет.

0 голосов
/ 23 января 2020

Пожалуйста, взгляните на первую строку: 

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

В основном это говорит о том, что видео помещается в div с id=player_div из-за element_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",

, очень вероятно, что это сработает.

...