video uploading + preview in bubbles works

src/widgets/chat-message.jsx

@@ -35,6 +35,7 @@ class BaseChatMessage extends React.PureComponent {
       authorizeURL: props.tinode.authorizeURL.bind(props.tinode),
 
       onImagePreview: this.handleImagePreview,
+      onVideoPreview: this.handleImagePreview,
       onFormButtonClick: this.handleFormButtonClick,
       onQuoteClick: this.handleQuoteClick
     };
@@ -81,7 +82,7 @@ class BaseChatMessage extends React.PureComponent {
       if (!this.props.response) {
         let immutable = false;
         Drafty.entities(this.props.content, (_0, _1, tp) => {
-          immutable = ['AU', 'EX', 'FM', 'IM', 'VC'].includes(tp);
+          immutable = ['AU', 'EX', 'FM', 'IM', 'QQ', 'VC', 'VD'].includes(tp);
           return immutable;
         });
         if (!immutable) {

src/widgets/inline-video.jsx

@@ -3,19 +3,24 @@
 
 import React from 'react';
 
+import { secondsToTime } from '../lib/strformat.js'
+
 export default class InlineVideo extends React.PureComponent {
   constructor(props) {
     super(props);
   }
 
   render() {
+    const duration = secondsToTime(this.props['data-duration'] / 1000);
     return (
-      <div className="inline-image video">
+      <div className="inline-video">
         {React.createElement('img', this.props)}
-        <div className="play-control">
-          <i class="material-icons white bigger">play_arrow</i>
-        </div>
-        <div className="duration">1:12:45</div>
+        {this.props.onClick ?
+          <div className="play-control" onClick={this.props.onClick}>
+            <i className="material-icons white bigger">play_arrow</i>
+          </div>
+        : null}
+        {duration ? <div className="duration">{duration}</div> : null}
       </div>
     );
   }