1 files changed, 9 insertions, 1 deletions
diff --git a/frontend/app/views/tile/handles/tile.video.js b/frontend/app/views/tile/handles/tile.video.js
index dbcc856..760aabf 100644
--- a/frontend/app/views/tile/handles/tile.video.js
+++ b/frontend/app/views/tile/handles/tile.video.js
@@ -4,6 +4,10 @@ import { generateTransform, generateVideoStyle, pickCursor } from 'app/views/til
 import { timestampToSeconds } from 'app/utils'
 
 export default class TileVideo extends Component {
+  state = {
+    ready: false,
+  }
+
   constructor(props) {
     super(props)
     this.videoRef = React.createRef()
@@ -13,6 +17,9 @@ export default class TileVideo extends Component {
   
   componentDidMount() {
     this.bind()
+    setTimeout(() => {
+      this.setState({ ready: true })
+    }, 1)
   }
 
   componentDidUpdate() {
@@ -74,7 +81,8 @@ export default class TileVideo extends Component {
     // console.log(tile)
     const style = {
       transform: generateTransform(tile, box, bounds, videoBounds),
-      opacity: tile.settings.opacity,
+      opacity: !this.state.ready ? 0 : tile.settings.opacity,
+      transition: "opacity 0.2s",
     }
 
     let className = ['tile', tile.type].join(' ')