html 怎么改变视频slider的颜色,css – 滑动时更改jquery ui滑块的颜色

要改变视频 slider 的颜色，你需要使用 CSS。以下是一个示例代码，可以让你更改 slider 的颜色：

<video controls>
  <source src="video.mp4" type="video/mp4">
</video>

<style>
  /* 修改 slider 的颜色 */
  input[type=range]::-webkit-slider-thumb {
    background-color: red;
  }
  input[type=range]::-moz-range-thumb {
    background-color: red;
  }
  input[type=range]::-ms-thumb {
    background-color: red;
  }
</style>

你可以将 `background-color` 属性设置为任何颜色或颜色代码，以更改 slider 的颜色。

至于如何在滑动时更改 jQuery UI 滑块的颜色，你可以尝试以下代码：

<div id="slider"></div>

<script>
  // 初始化滑块
  $('#slider').slider({
    value: 50,
    min: 0,
    max: 100,
    slide: function(event, ui) {
      // 当滑块滑动时，更改滑块的颜色
      $('#slider .ui-slider-range').css('background-color', 'red');
      $('#slider .ui-slider-handle').css('background-color', 'yellow');
    }
  });
</script>

<style>
  /* 修改滑块的默认颜色 */
  #slider .ui-slider-range {
    background-color: blue;
  }
  #slider .ui-slider-handle {
    background-color: green;
  }
</style>

这段代码使用了 jQuery UI 的滑块组件，并在滑块滑动时更改了滑块的颜色。你可以将 `background-color` 属性设置为任何颜色或颜色代码，以更改滑块的颜色。