HTML5 <video>元素在React js中不起作用

是因为React是一个用于构建用户界面的JavaScript库，它主要关注于视图层的渲染和组件的管理，而不是直接处理HTML元素。因此，直接在React中使用HTML5 <video>元素可能会导致一些问题。

要在React中使用<video>元素，可以通过创建一个React组件来包装<video>元素，并使用React的生命周期方法来控制视频的加载、播放和其他操作。以下是一个示例代码：

import React, { Component } from 'react';

class VideoPlayer extends Component {
  componentDidMount() {
    // 在组件挂载后，可以在这里进行视频的加载和其他操作
  }

  componentWillUnmount() {
    // 在组件卸载前，可以在这里进行视频的停止和其他清理操作
  }

  render() {
    return (
      <video src="video.mp4" controls />
    );
  }
}

export default VideoPlayer;

在上面的代码中，我们创建了一个名为VideoPlayer的React组件，它包含了一个<video>元素，并通过设置src属性来指定视频文件的路径。我们还添加了controls属性，以便在视频上显示控制条。

在componentDidMount生命周期方法中，可以进行视频的加载和其他操作。在componentWillUnmount生命周期方法中，可以进行视频的停止和其他清理操作。

这只是一个简单的示例，你可以根据实际需求进行更复杂的操作，例如添加播放按钮、处理视频事件等。

关于腾讯云相关产品，推荐使用腾讯云的云点播（VOD）服务来存储和管理视频文件。云点播提供了丰富的功能和接口，可以方便地进行视频的上传、转码、播放和管理。你可以通过以下链接了解更多关于腾讯云云点播的信息：

腾讯云云点播产品介绍：https://cloud.tencent.com/product/vod 腾讯云云点播开发者文档：https://cloud.tencent.com/document/product/266