标签: react-player

我想在用户访问该页面时播放视频，它在除 IOS 之外的所有平台上都能正常工作。我正在使用react-player npm。我尝试过传递静音属性，但不起作用。

我的代码看起来像这样

<ReactPlayer playing=true url="video_url" muted loop=true />

提前致谢 ！

这是我的组件，我想从某个时间（例如 00:07:12,600）自动播放它，而不是从头开始。

import style from './Hero.module.css';
import Image from 'next/image';
import ReactPlayer from 'react-player';
import { useState } from 'react';

export default function Index() {
  const [isPlaying, setIsPlaying] = useState(true);

  return (
    <div className={style.hero_container}>
      {/* <Image src="/images/hero/hero1.jpg" alt="Logo" height={400} width={700} /> */}

      <ReactPlayer
        url="/videos/Dexter.S01E03.1080p.5.1Ch.BluRay.ReEnc-DeeJayAhmed.mkv"
        playing={isPlaying}
        width="100%"
        height="100%"
        controls={true}
      />
    </div>
  );
}

我想从播放器中删除图像中标记圆圈的选项，以便无法下载视频

我正在为 React 项目使用 React Player npm install。视频播放器处于模态。当模态关闭时如何阻止它播放？是否有一种ReactPlayer.stop()或一种ReactPlayer.pause()类型的功能可以添加到我的hideModal函数中？

<Modal show={this.state.show} handleClose={this.hideModal} >               
<ReactPlayer url='https://www.youtube.com/watch?v=ysz5S6PUM-U' width='100%'
height='100%' />
</Modal> 

我使用带有cloudinary的react-player来自动播放和循环播放视频，无需控件（所以它看起来像一个gif）。

首选项当前设置为：

<ReactPlayer 
    url={elem.media_path}
    playing={true} 
    loop={true} 
    controls={false}
/>

视频在加载之前不会播放，除非控件已打开并且您手动启动它。

是否可以在没有控件的情况下自动启动视频？

我正在尝试将 vimeo 视频添加到我的 React 项目中。我查找了一个简单的反应播放器示例，但只能看到视频的缩略图，它实际上不会播放。我尝试过寻找不同的方法，但我很迷失。如果有人能让我知道我缺少什么或帮助我指明正确的方向，我将不胜感激。

谢谢！

代码：

import React from "react";
import ReactPlayer from "react-player"


function Home () {
  return( 
  
  <>
  <h1>Projects</h1>

    <div>
      <ReactPlayer
        url="https://vimeo.com/352786895"
      />
    </div>
    </>

)
};

export default Home;

结果：