Full Screen Video

Discussion in 'HTML & Website Design' started by MarkStrobel3367, Apr 25, 2018.

  1. #1
    How can I get this code to work on my New Google Site, https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_fullscreen_video. When I embed this code, the video doesn't display. Thanks.
     
    MarkStrobel3367, Apr 25, 2018 IP
  2. AlphaNine_Vini

    AlphaNine_Vini Active Member

    Messages:
    218
    Likes Received:
    10
    Best Answers:
    1
    Trophy Points:
    88
    #2
    Below code is enabling to display video on site. The css code with id "myVideo" enables to display the video in background.

    <video autoplay muted loop id="myVideo">
    <source src="rain.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
    </video>


    CSS:

    #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    }
     
    AlphaNine_Vini, Apr 25, 2018 IP
  3. MarkStrobel3367

    MarkStrobel3367 Well-Known Member

    Messages:
    116
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #3
    Thank you for your response. How can I put the html and css codes together to make this work?
     
    MarkStrobel3367, Apr 25, 2018 IP
  4. MarkStrobel3367

    MarkStrobel3367 Well-Known Member

    Messages:
    116
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #4
    You can I replace the current video with a Youtube video? Thanks.
     
    MarkStrobel3367, Apr 27, 2018 IP