title: How to remove the white square that appear before the playback of video?
body: <h1>Goal:</h1>
  
  <ul>
  <li>To remove the white square that appear before the playback of video.</li>
  </ul>
  
  <hr/>
  
  <h2>Expected result:</h2>
  
  <ul>
  <li>The white square must not be appeared before the playback of video.</li>
  </ul>
  
  <hr/>
  
  <h2>Actual result:</h2>
  
  <ul>
  <li>Showing the white square in bottom-left corner of the screen before playing the video.</li>
  </ul>
  
  <p><hr/></p>
  
  <h3>The main.py:</h3>
  
  <pre><code>class ScreenThree(Screen):
      def __init__(self, **kwargs):
          super(ScreenThree, self).__init__(**kwargs)
          self.video1 = Video(source="somevideo.mpg")
          box_layout = BoxLayout()
          self.add_widget(box_layout)
          box_layout.add_widget(self.video1)
          self.video1.opacity = 0
  
      def on_enter(self):
          self.video1.allow_stretch = True
          self.video1.opacity = 1
          self.video1.state = "play"
  
  </code></pre>
  
  <p><hr/></p>
  
  <h3>The image showing the white square.</h3>
  
  <p><a href="https://i.stack.imgur.com/qy2WS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qy2WS.png" alt="the image showing the white square"></a>
  <hr/></p>
  
  <h3>The fullscreen image showing the white square</h3>
  
  <p><a href="https://i.stack.imgur.com/GMtYL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GMtYL.png" alt="enter image description here"></a>
  <hr/></p>
  
  <strong>Thank you for reading!!!</strong>