{"_id":"@api.video/react-player","_rev":"27-54f793adec9790ede09e77e0e06df224","name":"@api.video/react-player","dist-tags":{"latest":"1.1.0"},"versions":{"0.1.0":{"name":"@api.video/react-player","version":"0.1.0","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@0.1.0","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"69539b093f396529dcc3dbcc62df770437bbb045","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-0.1.0.tgz","fileCount":7,"integrity":"sha512-XLZopDAUlU6kBtS1Gkoxm7x4YTQFNbIzdIcWV0ZA/PBenFFgErOsMeOJ4qrscupzlYybgpYZaDJ94YlVCdArnw==","signatures":[{"sig":"MEUCIHxNZIkJEbbB5Vntcd3vnS9qtRpc4bg/sLF7vAWk3JytAiEAk0kuT8RSRfYTU3hp5uZCpThFCovh59QSzAlq2xSC6f0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYDhkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpp0Q/+N5Li0reybSUYVNUxYHtmzPNO2wpc2rzBOk1z/jHcO/iZmfVj\r\nr6kBSn1YWA3ZNpicPTZAqt2tsEWjBjd85tRss6dpoUctXLRMVzJNQPFJG8vw\r\n9EESmE7uCrIqwaaqsDt4EChxfvDYZi7I3qwQl4kV4SpvSLm7TO8Vcvym8VUD\r\nDS4lF+WvZjxmredgOxYfOO39E7we0GtAHDgwMA+ENx5PWRGnPwNJk5FPWhE9\r\nQJmFMtmfgQzEVRHWv37KUybM+S453NBRDNxvR/Bw1XxoCCP6xyexM+K4a9VT\r\njAjhE/QFoSXIyMDz2jjj0HEm2jCyH8wzkbvNaPowpX77WfkxP87xgmS5tHlN\r\nfp5gsvffYUhGWrdzi5HKQwmTb1GedWeUAw7dljWvVUMDU5aSvPEh9MVidcjZ\r\nynHzaeKt3x2R/GmbCacGPhv+THv+Wb6g7CLG9DINPAaawEpz/sIJGualil3I\r\neK9QJXNvgZfl/I+kGMNhhBJcy0yfs0TxDY8jBuCHOvEN/fp6aGhXnmOZn1Yv\r\nMirj3+t/zA5hNnTKFcrWha/wnaKiiocj7BQUd0y6dHJKO8yh+xAUKLhtTMg6\r\nJ35GVvrEn/t14F3VJ3gq2neX2xCYQAk3v834pY6BU6WSpiFn5o71BKrLLrfx\r\nMw1XKTpaFY4cu3GmRi2K/RH677BCWdbidL0=\r\n=Hq2e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"fce8b4bbff105c9eac0c51ccb26f5b8e39593fa8","scripts":{"test":"echo \"Error: no test specified\" && exit 0","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"8.5.0","description":"api.video React player component","directories":{},"_nodeVersion":"16.14.2","dependencies":{"@api.video/player-sdk":"^1.2.15"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","rollup":"^2.70.1","tslint":"^6.1.3","babel-core":"^6.26.3","typescript":"^4.6.3","@types/react":"^18.0.0","babel-runtime":"^6.26.0","rollup-plugin-typescript2":"^0.31.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-player_0.1.0_1650473060090_0.8909065699846863","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@api.video/react-player","version":"0.1.1","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@0.1.1","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"f1c4b420700eecf7f0440fbd33180cc1109f171c","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-0.1.1.tgz","fileCount":7,"integrity":"sha512-e9ZUsenEZPXnKppuDrqlaZOATU2E1nSSXzDnU5cP5NXwyLR5+9/48lxwtuamU/FWa+aGRSnwcYl+N2siztaI+w==","signatures":[{"sig":"MEUCIQD/nYtkv8liuJ4DlF3auUnMfzwlTnU9yrxC76NUM1q7hwIgF+qX2UUlmD6F2CxOUn8roDbK6RjIznUyNHqhCOV/Dy0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":42784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYVdjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrO9w/+Ju/YXTpg8IQCGNP3rs+KSlS7HXKys9ZPYSp2nvt5UZQO05qY\r\nvpHF0y48QwLfIjr+eDBnTQRgz4OfDwM+zChRfylkCtpYCPxgVgt16GrcfdON\r\nSWFL/231+Bv6mG7Bbq/HYYPbZ5BQks4VJXO4sPpmIvVN+NSi+05CvT1G+i6h\r\nkYEU1LANgp+4yEfU0QgX8QEB3JXy5lpZWst3VCUmXQBi7ypBIxXGtsWibYMe\r\ncLyoWtE6x+kooD/nExXpLvhDHYF8Y71OhVluLcJip1bFRk9mBYGghr8co4k6\r\nRCEWZNG/zJjHw1I8LIqTUpKOyfqDd8HRMOHmbMfD/ciXUy3TRrXpzx2mIRCY\r\nX8VkjDsIGUmPus9TfOmxHplXSV06svX3v1zmBS8I9eGE/7EjvEjgMQeNK7wi\r\ntKkbfDXhIEX5IIPhv9jDvpIZlDT/UEcSQ4g3Dg92udepWc3MeHjwcJDb4xAT\r\nIlKRBi9qywebIUXXDEmGWQ57KY/HKGnTnA+7eH+2ngmIaGqtediziSLypj1b\r\nCDNxlEeO1xSHLULZmSNOPfprj7oGrbz9yHY/4yG3HpZxVdgyqwpBMH390pX+\r\n/4o7RwPqHVh95V/z+xuLrd9nKoWWi+iisck/nVb4sJ0Pv3Qi8KyqMS+QMySD\r\nTjx7fAnZ9njMfTSgLPL+tfU7UD4PQ7crudA=\r\n=kbIi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"b11bf47c5c0fdb85c25e90af123af61b24ec39d9","scripts":{"test":"echo \"Error: no test specified\" && exit 0","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"8.5.0","description":"api.video React player component","directories":{},"_nodeVersion":"16.14.2","dependencies":{"@api.video/player-sdk":"^1.2.15"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","rollup":"^2.70.1","tslint":"^6.1.3","babel-core":"^6.26.3","typescript":"^4.6.3","@types/react":"^18.0.0","babel-runtime":"^6.26.0","rollup-plugin-typescript2":"^0.31.2"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-player_0.1.1_1650546531800_0.669241195824148","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@api.video/react-player","version":"0.1.2","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@0.1.2","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"29faade06bbf439df3939748ad1ce03d4c68f5bf","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-0.1.2.tgz","fileCount":8,"integrity":"sha512-xP7GpsBxVakQQwNwCiBS/3rxFCZ/s1IDaNgbQ9jRYK67bbUc6nogWr+2pduJ2Qwn/s4cufqb01iSIY3L4GFASQ==","signatures":[{"sig":"MEYCIQCGCS/vThM+ySSFsu2UddTKtx/XjFvLZiypPdD8qfFiWQIhAN9oz1LMkKsjh6Vct/tpzQtwKJSfY9NWkT/1E9K3cTHw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51228,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZrjwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcwhAAg2Nq83DIi3Qx/kfKWw6BCOn2WnZlQOeJ0DrRv2kQZCMEAIcH\r\ni0Dhn4980qfsqeQXzvEhT6X551sJ8ZZb9VWVSH/EcESaW3TtX9aRwnvP6Lxi\r\nKB22GLBWNYSqfLTpDHw6tsN+RiQFiuJqz2Kj5Yqmazozv530cD7/2hiBzKdo\r\nuH9rcISoHzq/JxMOzVBFaG5oNduvndYMaSSQXNpzDszGKoPG5nwOU5oVv2gA\r\nIF4dHFSGMv6N4EO9auqYoGSoKhObaYHA68bxNxzcPIaM8QHHJ9oEt3d3Bvo/\r\ngGFtJ6QAt//+VI4RsehrCgf5fG/DWdsXOxVaeq9bSDZQRnfcSw3MqJQcs1rz\r\nH1G7vxKLsksZMmVFjcgyniLH1oQEXC25kLQbHH3Qnv1YyIKImJ0p+ife/MhQ\r\nc7MUuAZ32p2elaaOOGtpn6Vm2RooyYEQAWFyEiLeRi2Epx796acWdSrGOgkw\r\nv4Fe7UoAVGtQfEi5AH+b73CAGw/+Ri2ylmBJvyVJEx8dF1zgM6N2bTCKoN5X\r\ngCfp8r8c8eJcHQSNAuJcyTh+dbtFCXB3Q3VKKXAKx3roxGioBiooptaUsouX\r\nqCIEUdGXzDuJSLJyMHxRcohpZz+t0czkne5eH+s6t2lxCkJ29Qa85S+HxMmt\r\nkXxCouWy+csKybW6HltEuHkNQYgNzmmH+hM=\r\n=YqFh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"6c2b3684d382549972fd43d6c48a94054b30fef5","scripts":{"test":"jest","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"8.5.0","description":"api.video React player component","directories":{},"_nodeVersion":"16.14.2","dependencies":{"@api.video/player-sdk":"^1.2.16"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.5.1","react":"^18.0.0","rollup":"^2.70.1","tslint":"^6.1.3","ts-jest":"^27.1.4","babel-core":"^6.26.3","typescript":"^4.6.3","@types/jest":"^27.4.1","@types/react":"^18.0.0","babel-runtime":"^6.26.0","@testing-library/react":"^13.1.1","@testing-library/jest-dom":"^5.16.4","rollup-plugin-typescript2":"^0.31.2"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_0.1.2_1650899183954_0.06715877183274266","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@api.video/react-player","version":"0.1.3","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@0.1.3","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"7be6761b1ae6f432d1f73335e562e58be2732380","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-0.1.3.tgz","fileCount":8,"integrity":"sha512-D2EcA372mtNgp+c5JCeqlKhpea9xGBow/p1dxowR5iagNaNY+Oo4Td+FZw1kdyo39lJsuxVyxJeL2hWr1nKnBQ==","signatures":[{"sig":"MEQCIAN5/tCIcshoIu2nBl3tQeWBOxsqc/OWhFeRSmx7oiQEAiAuVF1twOqSVMoyjTevLHO6BUiXiJMmtx+RSVWD59O0IA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaTfgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKtg//WHhuYKwgngaWuDygJ6iJduPvTRPg9xLitbcDglz34csxfw8Q\r\nqXyE3LHE3TC1INmOR2OKt07AHrlRcxG+crWWJ9dAb6D/4wVcj0c3qaRlS5XL\r\nsF0wTzYYnHE/fLnKPqnbxFeuKoGEAdw7yQ8mIB9QVEcan/z0IuZF2nzZaLDG\r\nwnJUrRfhgH9ZhMNMEaaYnz0jpHEncMx1wo4ZuSZVQgGYS6Oxaf3B+q0AP/ou\r\n0HNfFZsxbO5hgVy+8bfHX0ZFOnMBv2Hh6Fv2v6uIS/ofVdLexh4e/uvB3UiG\r\nybvp67FGfmkXL4pR0Vk1kCtvqn+5ENuMJdna+XIhhTSU7hLhKYs+QbV0AuYM\r\nrfHwbqLdNEIb6H533CZOMuKXddA7m2Jslscmk3SlFTWzKzCVBbBeQrxryWt1\r\n+Ef1jtqHK0Ey+uZHAkxcP0ucjgbQ4pn+Xk+bEBq5c9epWNTLiZu+WnPhh2CB\r\nlrnnafrMf9ME+3RQlH6RSWtaI5e6kRroNJJUelb73YsHKrOwyQJOsIV4MmNb\r\n8HqMX5lazCSllyfNYldHAh5Ebj+fHPChmnG85nmb1yqrFO3BEO4IumvL78GT\r\nB8+n6/ttXk0cN6K3aig47MZEUBx5x40/hg6d3RKv26xAZojda4nwyjj0XU4M\r\ntKDQinfRBY2pK3knkKWp3grR6AiXx7tKkFs=\r\n=tGxn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"71de349e249e50510d4ea894733da4e3d6028a03","scripts":{"test":"jest","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"8.5.0","description":"api.video React player component","directories":{},"_nodeVersion":"16.14.2","dependencies":{"@api.video/player-sdk":"^1.2.17"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^27.5.1","react":"^18.0.0","rollup":"^2.70.1","tslint":"^6.1.3","ts-jest":"^27.1.4","babel-core":"^6.26.3","typescript":"^4.6.3","@types/jest":"^27.4.1","@types/react":"^18.0.0","babel-runtime":"^6.26.0","@testing-library/react":"^13.1.1","@testing-library/jest-dom":"^5.16.4","rollup-plugin-typescript2":"^0.31.2"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_0.1.3_1651062752809_0.21036784809099207","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@api.video/react-player","version":"1.0.0","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@1.0.0","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"6578ff345e2bb63b40e4bc27fcf65e04d100a8d6","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-1.0.0.tgz","fileCount":8,"integrity":"sha512-rjUrgtOXRWf2Qk5bTHN555UIPD8QMcx7s8eBWA5xWLl5FZTPLW+fJyzzsplj9UlJPSwNUYRVLH5jp+n/0ecrrg==","signatures":[{"sig":"MEUCIQD3t66n64mr4u6enwF3oYsdN/E9mCyOf7NuhNDGLySApgIgODTbA8qbWYFGP/J036g1IG39j6WWii/ItvJHBIxqPcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJitH3RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyQw/+LbhW+eMGO6KlYehA5PZA0CFXGkaJn9WjixV6qTqMfLqcDKql\r\noQ1xiuYUQG1fnRhKtCsnnUyO0IiOGHob22zau3Sq12VKwqQSivrbK7ji5bGW\r\nuaw0zMwk3NAymPIx6zsWLKuiuU2BS2mTlARt5I7+swqekxvBaesBwl3kLGPu\r\nqry3FXns1YjO92akrEZ0fxXn9iqQzW0gN7KvN/ZGeYWlVzh61+Vd1vTgyRNp\r\nak3vQb3Ioapo61kTrXV3yK/wJftM5sR2BsNbzXPNKm1gkPicCrImhU7Ozjcf\r\n/xrKK5PcbNmOGP3yVFiF4WYWUI/liDECoS6aZhG1MzFS+UdQ3AOrzMSIMCMQ\r\nlUW25yO4QNYs2kuN7l8AOlyBwcLjOz8aPkgO/4Fz05Jd1lB4ZNlrjtSTHlxK\r\nL3/5Y+tf892f4ir0l4gySz3a2xGOZJL3Vyc+YdgF3ZGOmq6ENfoTI7+4gEIN\r\nZUmRBIhZ3BDtiooAYZP4VaZdiL6LXxAVdHxHaisJUAM9w0V+UyCSLGhOe3zt\r\nG7dQy8I35SnmcNZRtgLdMVRA4dQOPyJcPXYlsazHEK1Cmjmf9TFFsCyHkE8/\r\nD6o5WHOblsvWoWIQAXHNwy1qycyT4IYbHQ4wV+kh60PcfK9hgQTWd7J3TvkT\r\nZIANFT8d6zYiKty7EauC9Iru+pNyWD0b6ng=\r\n=a+Co\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"482b2f49b178bba2d2c9c48af95cc22460af29b5","scripts":{"test":"jest","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"8.11.0","description":"api.video React player component","directories":{},"_nodeVersion":"16.15.1","dependencies":{"@api.video/player-sdk":"^1.2.21"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"^18.2.0","rollup":"^2.75.7","tslint":"^6.1.3","ts-jest":"^28.0.5","babel-core":"^6.26.3","typescript":"^4.7.4","@types/jest":"^28.1.3","@types/react":"^18.0.14","babel-runtime":"^6.26.0","@testing-library/react":"^13.3.0","jest-environment-jsdom":"^28.1.1","@testing-library/jest-dom":"^5.16.4","rollup-plugin-typescript2":"^0.32.1"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_1.0.0_1655995856911_0.35069574656953995","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@api.video/react-player","version":"1.0.1","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@1.0.1","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"4a6be325df985d8f7d105d99b5a335f51924e1bb","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-1.0.1.tgz","fileCount":8,"integrity":"sha512-L6YgMoQuzCMq7NeoMoqhLEIRLOxJ5wshK0Ug3VAzKVeuAO2OhoHYHwUyK73LDIECXL0Tc8aBsBd3QhFETDNn3w==","signatures":[{"sig":"MEUCIQDlVfD2FjsZQ96+HEPR7A/TOImEA0S3oDDFf0+VPEMg2AIgaua2SUgC3jOvvKUrzxhCWOA7tlchYWBsoB4UR78P0kM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJitJT+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAHxAAkO4Xf816nDKDIs6naIcrnaUwTZgBPxvSD5PE3UKJuRmP+fFH\r\ngjQklsfRu2gSPtQsAQVWiOv85xtNVga2UjnLdkpwrJV3+GkSKeYBJig/pG5M\r\nQdJMVx3qPFB1K3bvCBiHsTUcU+8w6joOlklgcfLXx1BlDxYmObA6CVT0GeH4\r\nzbp6k95rMiowjfVON1m7v83UjywglKfsN7J5d96LX4W2P1KiXeM4HCwlOWQ/\r\nNMqHx958hVTw7LodSXq9tdnx+VOvbAatbCwD7TAR1JOYVquPcDw83NsBHVzj\r\nZ6rM9ubfHjx1KUUp7hHvCMCSHBZfqtuKDth9+2imqMEM/DRTnRP+4mv4wXIM\r\nb22Hsu7vPRvOGQQBQQw3+oeXs9m/CFfvTBAR6uf0bO7Ca2fz0IKVcd7VeU3J\r\nzHXug2anWUVIYbH1pG59cWF0lSk05/zZ+Tx7ODo5kF0+WidX2NEPNLfnV4Ub\r\nCc3+8iuXyXjpSpQ21Mm34AK1/KnBpwg8KXunY9VqhpeffwyhqltASj1tYcpV\r\n2Xo2lpu0MAeRBss98BJ/WQeEPCHJQZOXIX9xuByGczHgzm++Ka/IFhfeHXGN\r\nmagA/NEx+XR0e/xOddYTHC2M/jjKo9Z2pxxAJEDVykG1NJjADCp7hcD5BMI9\r\nv6z3cQ1LwE7XDSs8CRgL9wJTxlt/lJ0XsnM=\r\n=p/ld\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"7f5ac9343bcaaeaedd15645bf02d9e9657b17c31","scripts":{"test":"jest","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"8.11.0","description":"api.video React player component","directories":{},"_nodeVersion":"16.15.1","dependencies":{"@api.video/player-sdk":"^1.2.21"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"^18.2.0","rollup":"^2.75.7","tslint":"^6.1.3","ts-jest":"^28.0.5","babel-core":"^6.26.3","typescript":"^4.7.4","@types/jest":"^28.1.3","@types/react":"^18.0.14","babel-runtime":"^6.26.0","@testing-library/react":"^13.3.0","jest-environment-jsdom":"^28.1.1","@testing-library/jest-dom":"^5.16.4","rollup-plugin-typescript2":"^0.32.1"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_1.0.1_1656001789818_0.8439685238514527","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@api.video/react-player","version":"1.0.2","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@1.0.2","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"a15427924998ed4c24e86792fd468d9c3b275c2b","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-1.0.2.tgz","fileCount":8,"integrity":"sha512-UVgYVtxfByBO11IeB05k4QTRC8eGsTC0qYycXEpOJwLE5dPaCGZ2El8KT1l/8RI7DKHfS31t7Y2LqnsA+J8PdA==","signatures":[{"sig":"MEQCIG7Wjf9eaBb9d6R6vzR3oWwzI24mnmotDZU87C6KPspaAiB59e5xjXBTDoLb2CUkgIik4zLzBGHvLVGpWbwsqhGJog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":56785,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7KVWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqdA/+L+4seDraR6QbR9ZjXFaZ2qP5fByAA6EI5IKj5zc6TUqLpo8V\r\n2ustFdLd1wmSHacUDybUBCAdmSm7ikz2L+16S4vgR+etcBiuAqrWsz8mVFRy\r\n9HSS54rjwZqTo1eXydioIaBwlItsWwcmJTsA12/7DvPiGK9d0k5hk3GprPl3\r\nd878iKDID2Gybxd+rwYB+AqUD+3q6ufRorIyG3faHlGbBa1IJEKe1N2jogXu\r\nQ1EEZz8S7coV+12zTa8YLS7kGmAwxybfS9eOXZ5ccbkJYKGK98d4CQju7P2i\r\nrUabcTZzjGhOqlLJfULs159nDK8IHGRm1mm+A3fyK8BBynj5JiD0wwcHBc2/\r\nOLLAHymmMTHh/0WpF137YjHieOAHSW7UyrfVS8KTaPkkev4c4IIOEry8AACl\r\nj498NFoh7JsjCChDXfALIEq3QlAdzfzaVE+kK27umrjFRbo9qG1TUrkl8Yyn\r\nBIE46WNgWQwrVo5W33qreRub4uSo/b0lyi4hNAOVRpIc8yXel3RtrVwkl2rE\r\nZO26sC2FSGBZYQr644n1Sq5tTILmfMDDn1zE0oVkmVIShwD4fR5TzI/8eMAt\r\nhdEz2eE3YnuoF/qRR5i16gYABfmJdQ+tG3SN0yT1q+Tv6YEwlut8GFrm4xtz\r\nQHJpN7yG12IMkUQwybULdAx/PKY+/NgEAi4=\r\n=YFSL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","gitHead":"86425476e5ca192118ffecbd7823edb2b8c13798","scripts":{"test":"jest","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"8.19.3","description":"api.video React player component","directories":{},"_nodeVersion":"16.19.0","dependencies":{"@api.video/player-sdk":"^1.2.23"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"^18.2.0","rollup":"^2.75.7","tslint":"^6.1.3","ts-jest":"^28.0.5","babel-core":"^6.26.3","typescript":"^4.7.4","@types/jest":"^28.1.3","@types/react":"^18.0.14","babel-runtime":"^6.26.0","@testing-library/react":"^13.3.0","jest-environment-jsdom":"^28.1.1","@testing-library/jest-dom":"^5.16.4","rollup-plugin-typescript2":"^0.32.1"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_1.0.2_1676453206253_0.691826411703679","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@api.video/react-player","version":"1.0.3","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@1.0.3","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"822bb909e80c5be2296cbf2006bc048f815af8a7","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-1.0.3.tgz","fileCount":8,"integrity":"sha512-FkXPCrD/alFl7Hcke8cmVbB3+xtVYoROX47vV59Bbpu8Mq2OpMKX/CWY9YodGMAXB4AFEFXzm5Jvia+4bc/9yQ==","signatures":[{"sig":"MEUCIEdl/xbCekyOpS0O85f9E4uIc6D0D+eq1kwGUG2TQK+FAiEAnZnVTVvSztodb9J21gxD0BdKzkxUgQtfSkpWXYgD318=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57470},"main":"dist/index.js","gitHead":"a4950830b5a309f7bed88e8a815ef89fd7adb68e","scripts":{"test":"jest","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"9.5.1","description":"api.video React player component","directories":{},"_nodeVersion":"18.16.0","dependencies":{"@api.video/player-sdk":"^1.2.25"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"^18.2.0","rollup":"^2.75.7","tslint":"^6.1.3","ts-jest":"^28.0.5","babel-core":"^6.26.3","typescript":"^4.7.4","@types/jest":"^28.1.3","@types/react":"^18.0.14","babel-runtime":"^6.26.0","@testing-library/react":"^13.3.0","jest-environment-jsdom":"^28.1.1","@testing-library/jest-dom":"^5.16.4","rollup-plugin-typescript2":"^0.32.1"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_1.0.3_1686645390999_0.952567385022375","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@api.video/react-player","version":"1.0.4","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@1.0.4","maintainers":[{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"anthony.dantard","email":"hello@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"dc047b36d972d2951cdb9f9d95fc45beb598ea13","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-1.0.4.tgz","fileCount":8,"integrity":"sha512-VPL7TWCbWULZ5hGRrui/WMdD7L8AMWomvWgQMw/QwSh1eE8uo5T/AGlVNKGYwh+vq9pS88tgUnI5mbowbCg69g==","signatures":[{"sig":"MEUCIA1RQJ6FUXNAqmmkz/G80i60u1q3HQ1OEJO/U56rBOs/AiEAlJgALCWo7tYlUNVVQ2IlxJxlMbztceNKFcGLMITDsFA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":59875},"main":"dist/index.js","gitHead":"013e33675b23bddf4fa61c4e59009deeea1a0d23","scripts":{"test":"jest","build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"10.2.3","description":"api.video React player component","directories":{},"_nodeVersion":"18.19.0","dependencies":{"@api.video/player-sdk":"^1.2.28"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^28.1.1","react":"^18.2.0","rollup":"^2.75.7","tslint":"^6.1.3","ts-jest":"^28.0.5","babel-core":"^6.26.3","typescript":"^4.7.4","@types/jest":"^28.1.3","@types/react":"^18.0.14","babel-runtime":"^6.26.0","@testing-library/react":"^13.3.0","jest-environment-jsdom":"^28.1.1","@testing-library/jest-dom":"^5.16.4","rollup-plugin-typescript2":"^0.32.1"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_1.0.4_1702482506317_0.013070538845764368","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@api.video/react-player","version":"1.1.0","keywords":["player","api.video","video","react"],"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","_id":"@api.video/react-player@1.1.0","maintainers":[{"name":"yvan_apivideo","email":"yvan@api.video"},{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},{"name":"olivierapivideo","email":"olivier@api.video"}],"homepage":"https://github.com/apivideo/api.video-react-player#readme","bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"dist":{"shasum":"ccee2f6c7824b4265d50dc5bfb84c23c49a22227","tarball":"https://registry.npmjs.org/@api.video/react-player/-/react-player-1.1.0.tgz","fileCount":9,"integrity":"sha512-ZJDbcBoRukL5FdH0gEJe7p2zH/cyEoAWMnJ7ocXoC2GFjldjzFd/KIRIYMStXoUmKlqa4SOPWJXn7kmbzei7fQ==","signatures":[{"sig":"MEQCIENwlNyrVC63Bd/UrEhAUru75Zrl/Tert9oSleW0xyp9AiB+U3F2EVValbKKVgifBEBnkUSCMiaoiUMaK+fKscjaBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109971},"main":"dist/index.js","module":"dist/index.es.js","gitHead":"8dbe210584e5de2f1ec169afb61e947795da2bea","scripts":{"build":"rollup -c","watch":"rollup -c -w","tslint":"tslint --project .","prepublishOnly":"npm run build"},"typings":"dist/index.d.ts","_npmUser":{"name":"apivideo-ecosystem","email":"ecosystem@api.video"},"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"_npmVersion":"10.7.0","description":"api.video React player component","directories":{},"_nodeVersion":"18.20.3","dependencies":{"@api.video/player-sdk":"^1.2.31"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","rollup":"^4.18.0","tslint":"^6.1.3","typescript":"^5.4.5","@types/react":"^18.3.3","@rollup/plugin-commonjs":"^26.0.1","rollup-plugin-typescript2":"^0.36.0","@rollup/plugin-node-resolve":"^15.2.3"},"peerDependencies":{"react":">=16.6.0"},"_npmOperationalInternal":{"tmp":"tmp/react-player_1.1.0_1718811836755_0.8881332972963705","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-04-20T16:44:19.959Z","modified":"2025-05-22T12:50:41.520Z","0.1.0":"2022-04-20T16:44:20.335Z","0.1.1":"2022-04-21T13:08:51.942Z","0.1.2":"2022-04-25T15:06:24.173Z","0.1.3":"2022-04-27T12:32:32.965Z","1.0.0":"2022-06-23T14:50:57.040Z","1.0.1":"2022-06-23T16:29:50.012Z","1.0.2":"2023-02-15T09:26:46.408Z","1.0.3":"2023-06-13T08:36:31.309Z","1.0.4":"2023-12-13T15:48:26.565Z","1.1.0":"2024-06-19T15:43:56.914Z"},"bugs":{"url":"https://github.com/apivideo/api.video-react-player/issues"},"author":{"url":"https://api.video/","name":"api.video","email":"ecosystem@api.video"},"license":"MIT","homepage":"https://github.com/apivideo/api.video-react-player#readme","keywords":["player","api.video","video","react"],"repository":{"url":"git+https://github.com/apivideo/api.video-react-player.git","type":"git"},"description":"api.video React player component","maintainers":[{"email":"ecosystem@api.video","name":"apivideo-ecosystem"}],"readme":"\n\n[](https://twitter.com/intent/follow?screen_name=api_video) [](https://github.com/apivideo/api.video-react-player) [](https://community.api.video)\n\n\n
api.video React player component
\n\n \n\n[api.video](https://api.video) is the video infrastructure for product builders. Lightning fast video APIs for integrating, scaling, and managing on-demand & low latency live streaming features in your app.\n\n## Table of contents\n\n- [Table of contents](#table-of-contents)\n- [Project description](#project-description)\n- [Getting started](#getting-started)\n - [Installation](#installation)\n - [Basic usage](#basic-usage)\n- [Documentation](#documentation)\n - [Properties](#properties)\n - [Settings](#settings)\n - [Controls](#controls)\n - [Player theme](#player-theme)\n - [Ads](#ads)\n - [Responsiveness](#responsiveness)\n - [Callbacks](#callbacks)\n - [Methods](#methods)\n - [Use cases](#use-cases)\n - [Private videos](#private-videos)\n - [Defining metadata](#defining-metadata)\n - [Define your own controls](#define-your-own-controls)\n\n\n\n\n\n## Project description\n\nThe official api.video React Player component.\n\n## Getting started\n\n### Installation\n\n```sh\n$ npm install --save @api.video/react-player\n```\n\n### Basic usage\n\nYou can then use the component in your app:\n\n```tsx\nimport ApiVideoPlayer from \"@api.video/react-player\";\n\n// ...\n\n;\n```\n\n## Documentation\n\n### Properties\n\n#### Settings\n\nThe following properties are used to configure the player. The value of each of these properties can be changed at any time during the playback.\n\n| Property | Mandatory | Type | Description | Default |\n| ------------------- | ------------------ | -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- | --------- |\n| video | **yes** | `{id: string;live?: boolean; token?: string;}` | `id`: id of the video to play `token` (optional): secret video token `live` (optional): true for live videos | |\n| style | no | React.CSSProperties | CSS style to apply to the player container | {} |\n| autoplay | no | boolean | Define if the video should start playing as soon as it is loaded | false |\n| muted | no | boolean | The video is muted | false |\n| metadata | no | `{ [key: string]: string }` | Object containing [metadata](https://api.video/blog/tutorials/dynamic-metadata/) (see **example** below) | {} |\n| hidePoster | no | boolean | Weither if the poster image displayed before the first play of the video should be hidden | false |\n| chromeless | no | boolean | Chromeless mode: all controls are hidden | false |\n| loop | no | boolean | Once the video is finished it automatically starts again | false |\n| hideTitle | no | boolean | The video title is hidden | false |\n| playbackRate | no | number | The playback rate of the video: 1 for normal, 2 for x2, etc. | 1 |\n| showSubtitles | no | boolean | Determine if the video subtitles should be displayed | false |\n| volume | no | number | The audio volume. From 0 to 1 (0 = muted, 1 = 100%) | 1 |\n| controls | no | ControlName[] | List of controls to display. If not specified and chromeless=false, all controls are displayed, see below [controls](#controls) | undefined |\n| theme | no | PlayerTheme | Theme to apply to the player, see below [player theme](#player-theme). If not specified, the default theme is used | undefined |\n| responsive | no | boolean | Weither if the player shoulb be responsive. See below [responsiveness](#responsiveness) | false |\n| videoStyleObjectFit | no | \"contain\" \\| \"cover\" \\| \"fill\" \\| \"none\" \\| \"scale-down\" | The `object-fit` CSS value of the video tag | undefined |\n| videoStyleTransform | no | string | The `transform` CSS value of the video tag (examples: \"rotateY(180deg)\") | undefined |\n| ads | no | {adTagUrl: string} | see below [ads](#ads) | |\n| customDomain | no | string | if you've enabled Custom Domains for your account, the complete 'embed' domain (eg. embed.mydomain.com) |\n| hotkeys | no (default: true) | boolean | if false, deactivate the player's hotkeys to prevent it from capturing focus, which can be beneficial in certain scenarios |\n\n##### Controls\n\nThe `controls` property let you decide wich controls should be displayed on the player. Here is the list of all available controls: `play`, `seekBackward`, `seekForward`, `playbackRate`, `volume`, `fullscreen`, `subtitles`, `chapters`, `pictureInPicture`, `progressBar`, `chromecast`, `download`, `more`.\n\nExamples\n\n```tsx\n{\n /* default: all controls are displayed */\n}\n;\n\n{\n /* all controls hidden (equivalent to chromeless=true) */\n}\n;\n\n{\n /* only the play button & the unmute one are displayed */\n}\n;\n```\n\n##### Player theme\n\nThe `theme` property let you customize the color of some elements on the player. Here is the list of customizable elements: `text`, `link`, `linkHover`, `trackPlayed`, `trackUnplayed`, `trackBackground`, `backgroundTop`, `backgroundBottom`, `backgroundText`, `linkActive`.\n\nExample\n\n```tsx\n{\n /* display the text in blue and the progress bar in red */\n}\n;\n```\n\n##### Ads\n\nAds can be displayed in the player. To do so, you need to pass the `ads` option to the sdk constructor. In the `ads` object, pass the `adTagUrl` property with the url of the ad tag. The ad tag must be a VAST 2.0 or 3.0 url. For more information about VAST, check the [IAB documentation](https://www.iab.com/guidelines/vast/).\n\nNote: ads are displayed using the [Google IMA SDK](https://developers.google.com/interactive-media-ads/docs/sdks/html5/quickstart).\n\n##### Responsiveness\n\nWith `responsive={true}`, the player height will be automatically set to match the video with/height ratio, depending on the width of player.\n\nExample\n\n```tsx\n{\n /* the player width is 160px and response is true: if the video in a 16/9 one, the height of the player will be automatically set to 90px (160 / (16/9)) */\n}\n;\n```\n\n#### Callbacks\n\n| Property | Type | Description |\n| ---------------------- | --------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |\n| onPlay | () => void | Called when a `play` event is triggered |\n| onPause | () => void | Called when a `pause` event is triggered |\n| onControlsDisabled | () => void | Called when a the controls are disabled |\n| onControlsEnabled | () => void | Called when a the controls are enabled |\n| onEnded | () => void | Called when a `ended` event is triggered |\n| onError | () => void | Called when a `error` event is triggered |\n| onFirstPlay | () => void | Called when a `firstPlay` event is triggered |\n| onFullscreenChange | () => void | Called when a `fullscreen` event is triggered |\n| onMouseEnter | () => void | Called when the mouse enter in the player area |\n| onMouseLeave | () => void | Called when the mouse leave the player area |\n| onPlayerResize | () => void | Called when a `resize` event is triggered |\n| onQualityChange | (resolution: `{ height: number, width: number }`) => void | Called when the quality of the video changes. The new quality is provided |\n| onVideoSizeRatioChange | (ratio: number) => void | Called when the size ratio of the video changes (ie. when a new video is loaded). The new ratio is provided |\n| onRateChange | () => void | Called when the playback rate changes |\n| onReady | () => void | Called when a `ready` event is triggered |\n| onSeeking | () => void | Called when a `seek` event is triggered |\n| onTimeUpdate | (currentTime: number) => void | Called when a `timeupdate` event is triggered. The current time is provided |\n| onUserActive | () => void | Called when a `useractive` event is triggered |\n| onUserInactive | () => void | Called when a `userinactive` event is triggered |\n| onVolumeChange | (volume: number) => void | Called when the volume changes. The volume is provided. |\n| onDurationChange | (duration: number) => void | Called when the duration of the video change. The duration is provided |\n\n### Methods\n\n| Method | Description |\n| ---------------------------- | --------------------------------------------------------------------------------------------------- |\n| play() | Play the video |\n| pause() | Pause the video |\n| seek(time: number) | Seek the playback using the specified amount of time (in seconds) |\n| setCurrentTime(time: number) | Go to the specified time (in seconds) |\n| requestFullscreen() | Request fullscreen mode (this may not work in some cases depending on browser restrictions) |\n| exitFullscreen() | Leave fullscreen mode |\n| requestPictureInPicture() | Request picture in picture mode (this may not work in some cases depending on browser restrictions) |\n| exitPictureInPicture() | Leave picture in picture mode |\n\n### Use cases\n\n#### Private videos\n\nTo play a [private video](https://api.video/blog/tutorials/tutorial-private-videos/), add the video view token in the video attribute:\n\n```tsx\n// ...\n\n```\n\n#### Defining metadata\n\n```tsx\n// ...\n\n```\n\n#### Define your own controls\n\n```tsx\nconst playerRef = useRef(null);\n\nreturn;\n\n \n \n;\n```\n","readmeFilename":"README.md"}