You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
788 B
JavaScript
36 lines
788 B
JavaScript
'use strict';
|
|
const React = require('react');
|
|
const create = require('create-react-class');
|
|
|
|
const mediaLib = require('../../lib/media.js');
|
|
|
|
let Event = create({
|
|
displayName: "m.video",
|
|
|
|
getInitialState: function() {
|
|
let event = this.props.event;
|
|
if (event.content.url == undefined) {
|
|
return null;
|
|
}
|
|
return mediaLib.parseEvent(this.props.client, event, 1000, 1000);
|
|
},
|
|
|
|
render: function() {
|
|
let event = this.props.event;
|
|
|
|
if (this.state == null) {
|
|
return "malformed video event: " + event.content.body;
|
|
}
|
|
|
|
return (
|
|
<div className="body">
|
|
<video controls poster={this.state.thumb} style={{maxHeight: this.state.size.h, maxWidth: this.state.size.w}}>
|
|
<source src={this.state.full}></source>
|
|
</video>
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
module.exports = Event;
|