滑块只播放HTML5视频afterChange一次

是指在滑块（Slider）组件的值发生变化后，只播放一次HTML5视频。这可以通过监听滑块的afterChange事件来实现。

具体步骤如下：

首先，确保你已经引入了HTML5视频播放器，例如使用HTML5的video标签。
在滑块组件中，设置一个变量来保存视频是否已经播放的状态，例如isVideoPlayed，默认值为false。
监听滑块的afterChange事件，在事件回调函数中进行判断。
在事件回调函数中，首先判断isVideoPlayed的值是否为false，如果是，则播放HTML5视频，并将isVideoPlayed的值设为true，表示视频已经播放过了。

以下是一个示例代码：

import React, { useState } from 'react';

const SliderWithVideo = () => {
  const [isVideoPlayed, setIsVideoPlayed] = useState(false);

  const handleSliderChange = (value) => {
    // 判断视频是否已经播放过
    if (!isVideoPlayed) {
      // 播放HTML5视频的逻辑
      const videoElement = document.getElementById('video');
      videoElement.play();

      // 将isVideoPlayed设为true，表示视频已经播放过了
      setIsVideoPlayed(true);
    }

    // 处理滑块值变化的逻辑
    // ...
  };

  return (
    <div>
      <video id="video" src="video.mp4" controls />
      <Slider onChange={handleSliderChange} />
    </div>
  );
};

export default SliderWithVideo;

在上述示例中，我们使用useState钩子来定义isVideoPlayed变量，并使用handleSliderChange函数来处理滑块值变化的逻辑。在handleSliderChange函数中，我们首先判断isVideoPlayed的值是否为false，如果是，则播放HTML5视频，并将isVideoPlayed的值设为true，表示视频已经播放过了。

注意：上述示例中的代码是基于React框架的，如果你使用的是其他框架或纯JavaScript，可以根据相应的语法进行修改。

推荐的腾讯云相关产品：腾讯云视频处理服务（云点播），该服务提供了丰富的视频处理功能，包括视频转码、视频截图、视频水印等。你可以通过腾讯云视频处理服务来处理和管理你的HTML5视频资源。

腾讯云视频处理服务介绍链接地址：https://cloud.tencent.com/product/vod