Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
By darol100 on
I'm trying to implement Full Width Screen Video Background in bootstrap theme. And for some reason is not working. I create a node to add the HTML and using the Code Per Node module I add the CSS and the JavaScript. And the video wont display.
I'm using BootstrapCDN 3.0.2 - Bootswatch theme Yeti.
https://drupal.org/project/bootstrap
I'll appreciated if anyone can this out and let me know what I'm doing wrong.
Any help will be appreciated
Comments
Please show me your site what
Please show me your site what have the problem. The most problem come from the javascript conflict.
Troubleshooting & IP Addreess
I only want this in the front page. I created a template for the front page(page--front-tpl.php). In the Front Page Template I add the HTML. I add the css in my style.css and seem to be working. The JavaScript is located in boostrap.js (http://198.154.227.188/sites/all/themes/bootstrap/js/bootstrap.js)
Since you told me that can be JavaScript I did some troubleshooting and I notice that I have this error. http://imgur.com/dM8sXaS. I do not have a lot knowledge in JavaScript so this the far that I got troubleshooting.
The website is located in here. http://198.154.227.188/
Any Help Will be Appreciate
This front page(page--front-tpl.php)
- Darryl Norris
Be Connected: Website | Twitter | LinkendIn | GitHub
Document ready
Try
I would personally place it in an separate .js file.
Or make sure
is placed before (in bootstrap.js)
})(jQuery, Drupal);
Looks interesting -Did this work?
This is an interesting development and one I could use for an upcomming project - did it work?
This could be an amazing
This could be an amazing project it works but I have few other bugs on the theme. So I endend up using HTML5 video tag.
Something like this
In the Template File
CSS
@mouse77e I hope this can be helpful for you.
The video will be gone in a mobile size because it looks really bad.
SInce I was loading the videos from my server the quality of the videos are 1080 because I want my website to load fast.
The end result = www.darrylnorris.com
I do not have a lot experiences on theming;if anyone start a project like this I will be happy to contribue back.- Darryl Norris
Be Connected: Website | Twitter | LinkendIn | GitHub
Someone contact me directly
Someone contact me directly asking me for help about this post and apparently I miss some css. And here is...
- Darryl Norris
Be Connected: Website | Twitter | LinkendIn | GitHub