Блог

Главная - Вопросы по программированию - попытка переключить звук на HTML-видео с помощью onclick

попытка переключить звук на HTML-видео с помощью onclick

#html #audio #video

#HTML #Аудио #Видео

Вопрос:

Я пытаюсь переключить звук на видео html5, используя onclick функцию, чтобы при нажатии на видео звук не отключался, при повторном нажатии он отключался.

однако, когда я нажимаю на видео, ничего не происходит

Вот что я сделал до сих пор:

 <p>
<video autoplay="" loop="" muted="" playsinline="" preload="Metadata" onclick="function()" style=" padding-top:15%; width:100%;  height:auto; ">

<source src="Video"></video>

<script>
$(document).ready(function(){

$("video").prop('muted', true);

$("video").click( function (){
    $(this).prop('muted', !$(this).prop('muted'));
});

$(".play-video").click( function (){
    $("video").prop('muted', !$("video").prop('muted'));
});
}
</script>
</p>

Любая помощь будет оценена по достоинству.

Комментарии:

1. Можете ли вы объяснить, каким образом это не работает?

2. когда я нажимаю на видео, звук не включается

Ответ №1:

Ваш код на самом деле уже работает. Однако у вас был неназванный оператор функции в onclick атрибуте th, который мог вызывать ошибки в зависимости от вашего браузера / среды (но, по крайней мере, в Firefox он должен был работать в любом случае).

 $(document).ready(function(){
  $("video").prop('muted', true);

  $("video").click( function (){
      $(this).prop('muted', !$(this).prop('muted'));
  });

  $(".play-video").click( function (){
      $("video").prop('muted', !$("video").prop('muted'));
  });
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
  <video autoplay="" loop="" muted="" playsinline="" preload="Metadata" style=" padding-top:15%; width:100%;  height:auto;">
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4">
  </video>
</p>