Play vimeo video and more with React
player-iframe-video
Play vimeo video and more
demo: https://duongdam.github.io/player-iframe-video
Program
- Scroll to autoplay, stop this video
- Player vimeo iframe embed
Install
npm install --save player-iframe-video
yarn add player-iframe-video
Usage
import React from "react";
import IframePlayer from "player-iframe-video";
import "player-iframe-video/dist/index.css";
import "./index.css";
const App = () => {
const iFrame = <iframe width="100%" height="100%"
src="https://player.vimeo.com/video/422883518?h=aee925f4ae&badge=0&autopause=0&player_id=0&app_id=58479&loop=1"
frameBorder="0"
allow="autoplay; fullscreen; picture-in-picture"
allowFullScreen
title="test player iframe vimeo" />
return <div className="root">
<div className="divRoot">
<IframePlayer id={"iframe-vimeo-player-test"} iFrame={iFrame} />
</div>
</div>;
};
export default React.memo(App);
License
MIT © duongdam