react-video-renderer
Advanced tools
Comparing version 2.4.2 to 2.4.3
/// <reference types="react" /> | ||
import * as React from 'react'; | ||
import { Component, ReactNode, RefObject } from 'react'; | ||
import { Component, ReactNode, SyntheticEvent, RefObject } from 'react'; | ||
export declare type VideoStatus = 'playing' | 'paused' | 'errored'; | ||
@@ -36,3 +36,6 @@ export declare type VideoError = MediaError | null; | ||
preload?: string; | ||
poster?: string; | ||
crossOrigin?: string; | ||
onCanPlay?: (event: SyntheticEvent<SourceElement>) => void; | ||
onError?: (event: SyntheticEvent<SourceElement>) => void; | ||
} | ||
@@ -39,0 +42,0 @@ export interface VideoComponentState { |
@@ -57,2 +57,3 @@ var __extends = (this && this.__extends) || (function () { | ||
_this.onCanPlay = function (event) { | ||
var onCanPlay = _this.props.onCanPlay; | ||
var video = event.target; | ||
@@ -67,2 +68,3 @@ var _a = getVolumeFromVideo(video), volume = _a.volume, isMuted = _a.isMuted; | ||
}); | ||
onCanPlay && onCanPlay(event); | ||
}; | ||
@@ -123,2 +125,3 @@ _this.onPlay = function () { | ||
_this.onError = function (event) { | ||
var onError = _this.props.onError; | ||
var video = event.target; | ||
@@ -130,2 +133,3 @@ _this.setState({ | ||
}); | ||
onError && onError(event); | ||
}; | ||
@@ -184,5 +188,5 @@ _this.onWaiting = function () { | ||
var _a = this, videoState = _a.videoState, actions = _a.actions; | ||
var _b = this.props, sourceType = _b.sourceType, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin; | ||
var _b = this.props, sourceType = _b.sourceType, poster = _b.poster, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin; | ||
var TagName = sourceType || 'video'; | ||
return children(React.createElement(TagName, { ref: this.mediaRef, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef); | ||
return children(React.createElement(TagName, { ref: this.mediaRef, poster: poster, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef); | ||
}; | ||
@@ -189,0 +193,0 @@ Video.defaultProps = { |
/// <reference types="react" /> | ||
import * as React from 'react'; | ||
import { Component, ReactNode, RefObject } from 'react'; | ||
import { Component, ReactNode, SyntheticEvent, RefObject } from 'react'; | ||
export declare type VideoStatus = 'playing' | 'paused' | 'errored'; | ||
@@ -36,3 +36,6 @@ export declare type VideoError = MediaError | null; | ||
preload?: string; | ||
poster?: string; | ||
crossOrigin?: string; | ||
onCanPlay?: (event: SyntheticEvent<SourceElement>) => void; | ||
onError?: (event: SyntheticEvent<SourceElement>) => void; | ||
} | ||
@@ -39,0 +42,0 @@ export interface VideoComponentState { |
@@ -59,2 +59,3 @@ "use strict"; | ||
_this.onCanPlay = function (event) { | ||
var onCanPlay = _this.props.onCanPlay; | ||
var video = event.target; | ||
@@ -69,2 +70,3 @@ var _a = getVolumeFromVideo(video), volume = _a.volume, isMuted = _a.isMuted; | ||
}); | ||
onCanPlay && onCanPlay(event); | ||
}; | ||
@@ -125,2 +127,3 @@ _this.onPlay = function () { | ||
_this.onError = function (event) { | ||
var onError = _this.props.onError; | ||
var video = event.target; | ||
@@ -132,2 +135,3 @@ _this.setState({ | ||
}); | ||
onError && onError(event); | ||
}; | ||
@@ -186,5 +190,5 @@ _this.onWaiting = function () { | ||
var _a = this, videoState = _a.videoState, actions = _a.actions; | ||
var _b = this.props, sourceType = _b.sourceType, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin; | ||
var _b = this.props, sourceType = _b.sourceType, poster = _b.poster, src = _b.src, children = _b.children, autoPlay = _b.autoPlay, controls = _b.controls, preload = _b.preload, crossOrigin = _b.crossOrigin; | ||
var TagName = sourceType || 'video'; | ||
return children(React.createElement(TagName, { ref: this.mediaRef, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef); | ||
return children(React.createElement(TagName, { ref: this.mediaRef, poster: poster, src: src, preload: preload, controls: controls, autoPlay: autoPlay, onPlay: this.onPlay, onPause: this.onPause, onVolumeChange: this.onVolumeChange, onTimeUpdate: this.onTimeUpdate, onCanPlay: this.onCanPlay, onDurationChange: this.onDurationChange, onError: this.onError, onWaiting: this.onWaiting, crossOrigin: crossOrigin }), videoState, actions, this.mediaRef); | ||
}; | ||
@@ -191,0 +195,0 @@ Video.defaultProps = { |
{ | ||
"name": "react-video-renderer", | ||
"version": "2.4.2", | ||
"version": "2.4.3", | ||
"main": "dist/es5/index.js", | ||
@@ -5,0 +5,0 @@ "jsnext:main": "dist/es2015/index.js", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
37425
868