
Product
Introducing Repository Labels and Security Policies
Socket is introducing a new way to organize repositories and apply repository-specific security policies.
react-native-vimeo-iframe
Advanced tools
React Native Vimeo Iframe is a library to render Vimeo videos in a React Native app. This component allows you to embed a Vimeo video in your app and have full access to the Vimeo player JS API (more information https://developer.vimeo.com/player/js-api).
React Native Vimeo Iframe is a library to render Vimeo videos in a React Native app. This component allows you to embed a Vimeo video in your app and have full access to the Vimeo player JS API (more information https://developer.vimeo.com/player/js-api).
React Native Webview
library: https://github.com/react-native-webview/react-native-webview.npm install react-native-vimeo-iframe
or yarn add react-native-vimeo-iframe
within your project. const videoCallbacks = {
timeupdate: (data: any) => console.log('timeupdate: ', data),
play: (data: any) => console.log('play: ', data),
pause: (data: any) => console.log('pause: ', data),
fullscreenchange: (data: any) => console.log('fullscreenchange: ', data),
ended: (data: any) => console.log('ended: ', data),
controlschange: (data: any) => console.log('controlschange: ', data),
};
return (
<Vimeo
videoId={'712158285'}
params={'api=1&autoplay=0'}
handlers={videoCallbacks}
/>
)
'controlschange', // The visibility of the controls changed.
'fullscreenchange', // The orientation was changed.
'audioprocess', // A entrada do buffer de ScriptProcessorNode está pronta para ser processada
'canplay', // The browser can play the file, but estimates that there will not be enough data to play the file without interruption to reload the buffer.
'canplaythrough', // The browser estimates that it will be able to play the file without interruption until the end.
'complete', // OfflineAudioContext rendering is finished.
'durationchange', // The duration attribute has been updated.
'emptied', // Absence of content. For example, this event is sent if the media has been loaded (or partially) and the load() method has been called to reload the content.
'ended', // Playback ended due to end of content
'loadeddata', // The first frame of media has been loaded.
'loadedmetadata', // The metadata has been loaded.
'pause', // Playback has been paused.
'play', // Playback has started.
'playing', // Playback is ready to start after being paused, or delayed due to lack of data.
'ratechange', // Playback rate has changed.
'seeked', // Search operation completed.
'seeking', // Search operation started.
'stalled', // The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
'suspend', // Media data loading has been suspended.
'timeupdate', // The time indicated by the currentTime attribute has been updated.
'volumechange', // The volume has changed.
'waiting'
Name | Type | Default | Description |
---|---|---|---|
handlers | { [key: string]: any } | {} | Listeners to be attached in the Vimeo Player |
videoId | string | undefined | The video id which will be rendered |
params | string | undefined | Extra params to be attached on the vimeo player url |
reference | string | undefined | In order to support private videos you can specify the reference prop |
otherProps | WebViewProps | {} | To customize the webview that wraps the player, you can specify additional props |
If you want to see MetaLabs-inc/react-native-vimeo-iframe
in action, just move into the example folder and run yarn && cd ios && pod install && cd .. && yarn ios
or yarn && yarn android
. By seeing its source code, you will have a better understanding of the library usage.
Marco Fiorito | Douglas Rosa | Felipe Najson | JB Paul | Salman Khan |
react-native-vimeo
, I based on that library to make that library with the latest versions of react-native.FAQs
React Native Vimeo Iframe is a library to render Vimeo videos in a React Native app. This component allows you to embed a Vimeo video in your app and have full access to the Vimeo player JS API (more information https://developer.vimeo.com/player/js-api).
The npm package react-native-vimeo-iframe receives a total of 5,211 weekly downloads. As such, react-native-vimeo-iframe popularity was classified as popular.
We found that react-native-vimeo-iframe demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket is introducing a new way to organize repositories and apply repository-specific security policies.
Research
Security News
Socket researchers uncovered malicious npm and PyPI packages that steal crypto wallet credentials using Google Analytics and Telegram for exfiltration.
Product
Socket now supports .NET, bringing supply chain security and SBOM accuracy to NuGet and MSBuild-powered C# projects.