1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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