Skip to main content

Wordpress Illdy Jumbotron Video Background

Having an animated background for your homepage is something that a lot of people would like to do. For Content Management Systems (CMSs) like WordPress, it gets a tad more complicated as you're working within a preset frame.

Luckily, I like the idea of an animated background too.

And I like to do it easily.

But before you attempt this, you need to get the prerequisites set.

1) Get WordPress installed on your webhost.
2) Install the theme 'Illdy'
3) Upload your video that you'd like to play onto your YouTube channel.

Once you do these things, you're ready.




First, you'll need to edit the actual file.


  1. Go to Editor.
  2. Find Header.php (for header of the template).
  3. Find the line: <header id="header"
  4. Delete the 'Style' (as this sets the background Jumotron image). If will start with a <?php 
  5. Copy paste this:
    <div style="position: fixed; z-index: -99; width: 100%; height: 100%">
    <iframe frameborder="0" height="100%" width="100%" src="https://www.youtube.com/embed/<strong>VID_ID</strong>=1&loop=1&controls=0&showinfo=0&autohide=1&modestbranding=1&playlist=<strong>VID_ID</strong>"></iframe
    </div>

    Replace 'VID_ID' with yours. You can use this as a guide for Vimeo (which works just as well).


That's it.

Just note that it squishes itself on mobile.

Comments

  1. It is truly a practical blog to find some different resource to include my knowledge. Backpage replacement

    ReplyDelete
  2. Background removal services of product images. This service helps E-commerce websites. Good looking product images improve sales… hire background removal service

    ReplyDelete
  3. i never know the use of adobe shadow until i saw this post. thank you for this! this is very helpful. https://www.markedcardsforsale.com/marked-cards.html

    ReplyDelete
  4. We are really grateful for your blog post. You will find a lot of approaches after visiting your post. I was exactly searching for. Thanks for such post and please keep it up. Great work. https://www.cardslenses.com/marked-cards.shtml

    ReplyDelete
  5. Hey what a brilliant post I have come across and believe me I have been searching out for this similar kind of post for past a week and hardly came across this. Thank you very much and will look for more postings from you. Ozzun Digital marketing agency

    ReplyDelete
  6. I have been checking out a few of your stories and i can state pretty good stuff. I will definitely bookmark your blog wordpress plugin

    ReplyDelete
  7. I really appreciate this wonderful post that you have provided for us. I assure this would be beneficial for most of the people. Thanks for sharing the information keep updating, looking forward to more posts.
    High Quality Product Images

    ReplyDelete
  8. This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. metal dice

    ReplyDelete
  9. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work... metal dice

    ReplyDelete
  10. Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder, what about the other side? !!!!!!Thanks scarponcini diesel

    ReplyDelete
  11. Thanks for another wonderful post. Where else could anybody get that type of info in such an ideal way of writing? Wordpress webshop laten maken

    ReplyDelete
  12. Hello! Could you help me to find the ID of my YouTube video : https://www.youtube.com/watch?v=4Fy2hl1uAsQ

    Thank you

    Best

    ReplyDelete
  13. I think other website proprietors should take this internet site as an example , very clean and fantastic user genial style . new york web design company

    ReplyDelete
  14. I’m really inspired together with your writing abilities and also with the layout to your weblog. Is this a paid subject matter or did you customize it yourself? Either way keep up the excellent high quality writing, it is uncommon to see a nice weblog like this one nowadays.. new york website design company

    ReplyDelete
  15. Hey there. I want to to inquire something…is this a wordpress weblog as we are thinking about shifting over to WP. Also did you make this theme on your own? Thanks. best branding agencies san francisco

    ReplyDelete
  16. Inspiring and very useful, highly recommended for all bloggers out there.
    Russian

    ReplyDelete
  17. At first just a bunch of capable and notable WordPress topic planners discharged paid premium WordPress subjects which were very much structured, exceptionally useful, top-quality topics that changed a WordPress establishment free udemy courses download

    ReplyDelete
  18. This is a great article thanks for sharing this informative information. I will visit your blog regularly for some latest post. I will visit your blog regularly for Some latest post. instagram video likes and views

    ReplyDelete
  19. Numerous individuals have known about WordPress, yet don't comprehend the full abilities of the framework.Fix database error

    ReplyDelete
  20. Thanks for the blog loaded with so many information. Stopping by your blog helped me to get what I was looking for. this website

    ReplyDelete
  21. Really impressed! Everything is very open and very clear clarification of issues. It contains truly facts. Your website is very valuable. Thanks for sharing. Wordpress media gallery

    ReplyDelete
  22. There are so many ways of being entertained by the variety of internet content available today. One of these Buyyoutubeviewsindia ways is video content. Yes individuals and businesses have realised online video marketing offers great opportunities for them.

    ReplyDelete
  23. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post. https://zetamatic.com/downloads/wp-paint-pro/

    ReplyDelete
  24. That's how I like it: simple and to the point. Thank you for sharing and keeping things simple. Other websites add a lot of clutter to their site, making it difficult to read the content. https://zonewp.com/

    ReplyDelete
  25. I enjoy reading your blog! Thank you for writing such an informative post. Excellent and appreciative blog. Continue to update. findfriday.com

    ReplyDelete
  26. WordPress is the best approach for your site and additionally blog. While I am on the theme, adding new pertinent substance to your site is simple with WordPress which is energetically suggested as a feature of your internet showcasing technique since it tells web search tools that your webpage is perfectly healthy, https://clientica.org/homepage-pbn-links

    ReplyDelete
  27. Assuming you have at any point attempted to get to a website and found that it was exceptionally difficult to explore around without contracting and expanding the text or buttons, you'll comprehend the reason why responsive plan is viewed as great practice for most of website proprietors. jasa backlink

    ReplyDelete
  28. It is difficult to duplicate the versatility and convenience offered by a quality bike trailer like the Burley bike trailer. If you are a bike rider who likes to exercise with your family, bike to work, enjoys long distance cycling, or desires to bring the family pet on a ride, then the Burley line of bicycle trailers has options that will suit most lifestyles. The site is experiencing technical difficulties

    ReplyDelete
  29. Great Article Image Processing Projects Deep Learning Projects for Final Year JavaScript Training in Chennai JavaScript Training in Chennai The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training Project Centers in Chennai

    ReplyDelete

Post a Comment

Popular posts from this blog

Qualcomm Atheros AR9285 + Windows 10 Issue [Resolved]

So, I installed Windows 10 after reading about it and getting over the insane amount of data Windows mines from you . I figured that most companies do something like this and Microsoft just so happens to be quite candid about it -- after it was brought to light by someone on a site which shall not be named (I'm sure those of you who know can guess). Be that as it may, my Lenovo G580  stopped being able to reach the Internet and I clicked on my WiFi was grayed out and could not, would not connect to my wireless connection no matter what I did. Luckily I managed to resolve it through a workaround. So, if you're stuck then you should just follow the instructions. This should work for any WiFi connectivity issue (you just have to download the drivers that pertain to your particular WiFi hardware model. Mine just happens to be the Qualcomm Atheros AR9285 .

Installing Open Biblio on Third-Party Webserver

So, you've decided to use Open Biblio the free online library system? But, you want to attach it to a website that you're hosting outside of your building (somewhere on the Internet). Why would you want to do this? Well, I find that in-house servers can be a cumbersome thing to maintain. You have to ensure that backups are properly working and scheduled. If something happens, and your server goes down, it's your responsibility to ensure it gets up and working. It takes up space. It uses bandwidth. I could go on and on and on. So, hosting it elsewhere resolves most of these problems. The most distinct disadvantage is it's advantage; it's not in your hands. So if something happens to your external server, then you're screwed. So get a good web service. Here, I have taken the trouble in actually setting up Open Biblio on a third-party server since I already have an external webserver and don't want to clutter my personal one with this. It's not ha