Можете ли вы преобразовать <video>часть этого кода в вставку iframe на YouTube? - PullRequest
0 голосов
/ 22 мая 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), чтобы его нельзя было воспроизвести / поставить на паузу / на весь экран или что-то еще, но я также хочу, чтобы люди имели возможность отключить звук видео с помощью «пробела», когда они загружаются в игру.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...