У меня есть этот фрагмент кода, который я использую для вступительного видео, и все это прекрасно работает вместе с моими индикаторами загрузки для загрузки, однако я только что понял, что клиент, в который я его помещаю, не может использовать 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;&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), чтобы его нельзя было воспроизвести / поставить на паузу / на весь экран или что-то еще, но я также хочу, чтобы люди имели возможность отключить звук видео с помощью «пробела», когда они загружаются в игру.