Преобразуйте это из JS в API iframe YouTube, чтобы он имел те же функции - PullRequest
Новая
       15

Преобразуйте это из JS в API iframe YouTube, чтобы он имел те же функции

0 голосов
/ 23 мая 2019

У меня есть этот фрагмент кода, который я использую для вступительного видео, и все это прекрасно работает вместе с моими индикаторами загрузки для загрузки, однако я только что понял, что клиент, в который я его помещаю, не может использовать mp4файлы.Я загрузил видео на YouTube и хотел бы использовать встраивание YouTube вместо локального источника. 

<video class="introVideo" id="introVideo" width="1920" height="1080" autoplay muted>
  <source src="video.mp4" type="video/mp4">
</video>
<script>
window.onload = function(){
  var myVideo = document.getElementById("introVideo");

  document.onkeydown = function(event) {
    switch (event.keyCode) {
      case 32: //SpaceBar
        myVideo.muted = !myVideo.muted;
      break;
    }
    return false;
  }
}
</script>

Я использовал свои невероятно базовые знания, чтобы попробовать это, но я уверен, что япросто тренируясь в желаемом мышлении, и это не будет работать так. 

<iframe class="introVideo" id="introVideo" type="text/html" width="100%" height="100%" src="https://www.youtube.com/embed/2x18zIJb-YY?autoplay=1&mute=1&%3Fvq=hd1080&;controls=0;&amp;showinfo=0" frameborder="0" allow="autoplay" allowfullscreen="";></iframe>
</video>
<script>
window.onload = function(){
  var myVideo = document.getElementById("introVideo");

  document.onkeydown = function(event) {
    switch (event.keyCode) {
      case 32: //SpaceBar
        myVideo.muted = !myVideo.muted;
      break;
    }
    return false;
  }
}
</script>

Я просто хочу встроенное видео на YouTube без событий указателя (сделано в css), поэтому его нельзя воспроизводить / приостанавливать / полноэкранно иличто угодно, но я также хочу, чтобы у людей была возможность отключить звук видео при помощи «пробела» при загрузке в игру.

...