Автозапуск полноэкранного видео не работает. Не уверен, в чем проблема

Question

Автозапуск полноэкранного видео не работает. Не уверен, в чем проблема

1

Таким образом, я работаю на веб-сайте главной страницы в течение довольно долгого времени. Большинство вещей довольно простые, но я пытаюсь ввести скрипт, который случайно воспроизводит видео из определенного списка воспроизведения один раз.

Это то, что у меня есть, я общался с этим в течение нескольких часов, но, похоже, не сделал никакого прогресса.

var videos = [
    'D1sZ_vwqwcE',
    'yx2piPUudlE',
    'BC_Ya4cY8RQ'
];

var index=Math.floor(Math.random() * videos.length);
var html='<div class="video-background"><div class="video-foreground"><iframe frameborder="0" src="https://www.youtube.com/embed/' +[index] + '?controls=0&amp;showinfo=0&amp;rel=0&amp;autoplay=1&amp;></iframe></div></div>';
document.write(html);

<html class=""><head>
  <meta charset="UTF-8">
  <title> Zenith</title>
  
  
  
      <link rel="stylesheet" href="assets/css/style.css">

  
<style id="__web-inspector-hide-shortcut-style__" type="text/css">
.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after
{
    visibility: hidden !important;
}
</style></head>

<body>
  
<div class="wrapper">
  <h1 class="glitch">Zenith</h1>
</div>

   
  <a class="glitch-btn" href="http://steamcommunity.com/id/1zv" target="_blank">
  <div class="label">Steam</div>
  <div class="mask"><span>Steam</span></div>
  <div class="mask"><span>Steam</span></div>
  <div class="mask"><span>Steam</span></div>
  <div class="mask"><span>Steam</span></div>
  <div class="mask"><span>Steam</span></div></a>
  
  <a class="glitch-btn1" href="https://www.youtube.com/channel/UCwBh4mBv-QrIynWxCj-8AVw" target="_blank">
  <div class="label">Youtube</div>
  <div class="mask"><span>Youtube</span></div>
  <div class="mask"><span>Youtube</span></div>
  <div class="mask"><span>Youtube</span></div>
  <div class="mask"><span>Youtube</span></div>
  <div class="mask"><span>Youtube</span></div></a>
    
    <script src="assets/javascript/script.js"></script>  


</body></html>

Теперь я не уверен, что это связано с тем, что я использую бесплатный хост/кодифф, чтобы что-то испортить, или что-то просто не так.

(У меня также есть css, но попытка скопировать его здесь превысила лимит символов)

Zenithvox 11 июнь 2018, в 00:24

Источник

1

ваш код? где это ¯ \ (° _o) / ¯
Muhammad Omer Aslam 10 июнь 2018, в 22:13
0

что-то подобное...
Ivan 10 июнь 2018, в 22:14
0

извиняюсь. нажал ввод случайно. Редактировал пост сейчас.
Zenithvox 10 июнь 2018, в 22:15

Показать ещё 1 комментарий

Теги:

javascript

1 ответ

Ещё вопросы

извиняюсь. нажал ввод случайно. Редактировал пост сейчас.

DoomTay · Accepted Answer · 2018-06-10T19-57-00.000Z

Вы оставили закрытую цитату из переменной html. Кроме того, вы ссылаетесь на неправильный идентификатор.

var html='<div class="video-background"><div class="video-foreground"><iframe frameborder="0" src="https://www.youtube.com/embed/' + videos[index] + '?controls=0&amp;showinfo=0&amp;rel=0&amp;autoplay=1&amp;"></iframe></div></div>';

Боже мой, я идиот. Спасибо вам большое!
Не забудьте пометить ответ как правильный, так как он помог вам и все