fix for a couple of minor problems

css/base.css

@@ -2075,6 +2075,7 @@ img.image-preview::before {
   height: 4rem;
   background-color: rgba(0, 0, 0, 0.4);
   border-radius: 50%;
+  pointer-events: none;
   cursor: pointer;
 }
 

src/widgets/video-preview.jsx

@@ -44,6 +44,7 @@ export default class VideoPreview extends React.PureComponent {
     const height = this.props.content.height || '-';
 
     const controlist = this.props.onSendMessage ? 'nodownload' : '';
+    const autoPlay = !this.props.onSendMessage;
 
     return (
       <div id="image-preview">
@@ -56,6 +57,7 @@ export default class VideoPreview extends React.PureComponent {
             className="image-preview"
             controls controlist={controlist}
             disablePictureInPicture ref={this.videoRef}
+            autoPlay={autoPlay}
             src={this.props.tinode.authorizeURL(this.props.content.url)}
             poster={this.props.content.preview}
             alt={this.props.content.filename} />

umd/index.dev.js

@@ -16500,6 +16500,7 @@ class VideoPreview extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureCom
     const width = this.props.content.width || '-';
     const height = this.props.content.height || '-';
     const controlist = this.props.onSendMessage ? 'nodownload' : '';
+    const autoPlay = !this.props.onSendMessage;
     return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
       id: "image-preview"
     }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -16520,6 +16521,7 @@ class VideoPreview extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureCom
       controlist: controlist,
       disablePictureInPicture: true,
       ref: this.videoRef,
+      autoPlay: autoPlay,
       src: this.props.tinode.authorizeURL(this.props.content.url),
       poster: this.props.content.preview,
       alt: this.props.content.filename