Add support for repeat
prop
This commit is contained in:
parent
ac3d655651
commit
5408fafff8
10
RCTVideo.m
10
RCTVideo.m
@ -23,7 +23,6 @@
|
||||
[_player setContentURL:videoURL];
|
||||
[_player setControlStyle:MPMovieControlStyleNone];
|
||||
[_player setScalingMode:MPMovieScalingModeNone];
|
||||
[_player setRepeatMode:MPMovieRepeatModeOne];
|
||||
[_player prepareToPlay];
|
||||
[_player play];
|
||||
}
|
||||
@ -33,6 +32,15 @@
|
||||
[_player setScalingMode:mode];
|
||||
}
|
||||
|
||||
- (void)setRepeat:(BOOL)repeat
|
||||
{
|
||||
if (repeat) {
|
||||
[_player setRepeatMode:MPMovieRepeatModeOne];
|
||||
} else {
|
||||
[_player setRepeatMode:MPMovieRepeatModeNone];
|
||||
}
|
||||
}
|
||||
|
||||
- (NSArray *)reactSubviews
|
||||
{
|
||||
NSArray *subviews = @[_player.view];
|
||||
|
@ -14,6 +14,7 @@
|
||||
|
||||
RCT_EXPORT_VIEW_PROPERTY(src, NSString);
|
||||
RCT_EXPORT_VIEW_PROPERTY(resizeMode, NSInteger);
|
||||
RCT_EXPORT_VIEW_PROPERTY(repeat, BOOL);
|
||||
|
||||
- (NSDictionary *)constantsToExport
|
||||
{
|
||||
|
@ -26,7 +26,7 @@ A <Video> component for react-native, as seen in
|
||||
```javascript
|
||||
// Within your render function, assuming you have a file called
|
||||
// "background.mp4" in your project
|
||||
<Video source={"background"} style={styles.backgroundVideo} />
|
||||
<Video source={"background"} style={styles.backgroundVideo} repeat={true} />
|
||||
|
||||
// Later on in your styles..
|
||||
var styles = Stylesheet.create({
|
||||
@ -47,5 +47,6 @@ Example code [here](https://github.com/brentvatne/react-native-login/blob/master
|
||||
|
||||
- [ ] Support `require('video!...')`
|
||||
- [ ] Support other extensions than mp4?
|
||||
- [ ] Add prop to set repeat (none or forever)
|
||||
- [ ] Add support for other props (not sure which yet)
|
||||
- [x] Add prop to set repeat (none or forever)
|
||||
- [ ] Add support [for other props](https://developer.apple.com/library/prerelease/ios/documentation/MediaPlayer/Reference/MPMoviePlayerController_Class/index.html)
|
||||
- [ ] Tests..
|
||||
|
@ -15,6 +15,7 @@ var Video = React.createClass({
|
||||
propTypes: {
|
||||
source: PropTypes.string,
|
||||
style: StyleSheetPropType(VideoStylePropTypes),
|
||||
repeat: PropTypes.bool,
|
||||
},
|
||||
|
||||
mixins: [NativeMethodsMixin],
|
||||
@ -49,7 +50,7 @@ var Video = React.createClass({
|
||||
});
|
||||
|
||||
var RCTVideo = createReactIOSNativeComponentClass({
|
||||
validAttributes: merge(ReactIOSViewAttributes.UIView, {src: true, resizeMode: true}),
|
||||
validAttributes: merge(ReactIOSViewAttributes.UIView, {src: true, resizeMode: true, repeat: true}),
|
||||
uiViewClassName: 'RCTVideo',
|
||||
});
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "react-native-video",
|
||||
"version": "0.1.3",
|
||||
"version": "0.1.4",
|
||||
"description": "A <Video> element for react-native",
|
||||
"main": "Video.ios.js",
|
||||
"author": "Brent Vatne <brentvatne@gmail.com> (https://github.com/brentvatne)",
|
||||
|
Loading…
Reference in New Issue
Block a user