视频静音/取消静音与jQuery

前端之家收集整理的这篇文章主要介绍了视频静音/取消静音与jQuery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在jQuery中做一个静音/取消静音按钮.我在Stackoverflow中做了一些搜索,这是我到目前为止所做的工作:
  1. $("video").prop('muted',true);
  2.  
  3. $("#mute-video").click( function (){
  4. if( $("video").prop('muted',true) )
  5. {
  6. $("video").prop('muted',false);
  7. }
  8.  
  9. else {
  10. $("video").prop('muted',true);
  11. }
  12.  
  13. });

但由于某种原因,它只能取消静音,不能静音.

任何想法,代码有什么问题?

解决方法

当你正在做($(“video”).prop(‘muted’,true))你都将属性设置为true,然后询问是否为true.

将条件改为if($(“video”).prop(‘muted’))解决问题 – Here’s一个例子.

另请注意,这将适用于页面上的所有视频,如果您有多个播放器可能会令人困惑.

猜你在找的jQuery相关文章