Welcome to TalkGraphics.com
Results 1 to 6 of 6
  1. #1
    Join Date
    Mar 2009
    Location
    Great Yarmouth, Norfolk. UK
    Posts
    492

    Default video background

    Is it possible to put a video in the background of a site that is fixed and auto plays and loops as in this example : https://www.bannatyne.co.uk/


    Thanks for any ideas or advice

    Mike
    Life's too important to be serious
    Intel (R) Core (TM) i5-2400 CPU @ 3.10GHz 3.10 GHz / 8 GB RAM / NVIDIA GeForce GTX 560 Ti
    / Dual Monitor. / Windows 7 Home premium 64bit .
    IP

  2. #2
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    952

    Default Re: video background

    Quote Originally Posted by mikerawlinson View Post
    Is it possible to put a video in the background of a site that is fixed and auto plays and loops as in this example : https://www.bannatyne.co.uk/


    Thanks for any ideas or advice

    Mike
    Mike, take a look here for starters : https://initiostar.co.uk/demo/Video/fullvid.htm.

    Gary
    IP

  3. #3
    Join Date
    Mar 2009
    Location
    Great Yarmouth, Norfolk. UK
    Posts
    492

    Default Re: video background

    Thanks for reply .....I did a search and saw the link .....its just what I need ....... should have done search first but I was tired and couldn't think straight ....lol
    Thanks for the reply tho .....I will try and understand all the codes ...lol...

    Mike
    Life's too important to be serious
    Intel (R) Core (TM) i5-2400 CPU @ 3.10GHz 3.10 GHz / 8 GB RAM / NVIDIA GeForce GTX 560 Ti
    / Dual Monitor. / Windows 7 Home premium 64bit .
    IP

  4. #4
    Join Date
    Mar 2009
    Location
    Great Yarmouth, Norfolk. UK
    Posts
    492

    Default Re: video background

    I have tried and tried but still no joy.....I have put the video file in the index_htm_files
    and now I have put this code into the head of the placeholder

    <style>#myVideo { position: fixed; left: 0; top: 0; min-width: 100%; height: auto;}</style><video autoplay muted playsinline loop id="myVideo"><source src="https://index_htm_files/testvideo.mp4" type="video/mp4"></video>

    where have I gone wrong .....lol.
    I copied the code from your example page but change the source.

    Thanks for any help
    Mike
    Life's too important to be serious
    Intel (R) Core (TM) i5-2400 CPU @ 3.10GHz 3.10 GHz / 8 GB RAM / NVIDIA GeForce GTX 560 Ti
    / Dual Monitor. / Windows 7 Home premium 64bit .
    IP

  5. #5
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,810

    Default Re: video background

    Quote Originally Posted by mikerawlinson View Post
    I have tried and tried but still no joy.....I have put the video file in the index_htm_files
    and now I have put this code into the head of the placeholder

    <style>
    #myVideo {
    position: fixed; left: 0; top: 0; min-width: 100%; height: auto;
    }
    </style>

    <video autoplay muted playsinline loop id="myVideo">
    <source src="https://index_htm_files/testvideo.mp4" type="video/mp4">
    </video>

    where have I gone wrong .....lol.
    I copied the code from your example page but change the source.

    Thanks for any help
    Mike
    Mike, drop the https:// part.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
    IP

  6. #6
    Join Date
    Mar 2009
    Location
    Great Yarmouth, Norfolk. UK
    Posts
    492

    Default Re: video background

    Thanks Acorn .... duh ...lol

    Mike
    Life's too important to be serious
    Intel (R) Core (TM) i5-2400 CPU @ 3.10GHz 3.10 GHz / 8 GB RAM / NVIDIA GeForce GTX 560 Ti
    / Dual Monitor. / Windows 7 Home premium 64bit .
    IP

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •