I love this... Thanks!
I just had one question, Is there a way of having the video load but stay paused until a play button is clicked?
flashblue REPLIED
There's autoplay parameter in JS code. If you set it false, the video doesn't play.
Also, there's an example of "Play video" link to show how to control the video status externally.
Hi!
I just purchased it and down load it, but it won't open with 7zip??? It says it is empty...
Please help I needed library like that like week ago.
Tnx
Already got solution. It could't get the file through remote desktop. Now I got it 
flashblue REPLIED
Ok!
I was just wondering if there was a way to, after the video is finished, instead of looping it, a pattern just fade in overtop? I can't seem to figure it out.
Hi I purcheased the plug-in, but it doesnot work on IE 8, I think it is some link problem but I cannot efford it please you help me?
flashblue REPLIED
The preview works properly on IE8. Please, send your test URL to me as a private message.
hello how do i stop the video when it finish?
thanks
flashblue REPLIED
You need to set loop:false.
Replace that code in deploy/index.html:
$("body").videoBG({
mp4:"videos/Paul_Oakenfold_ft_J_Hart.mp4",
ogg:"videos/Paul_Oakenfold_ft_J_Hart.ogv",
videoVolume:0.8,
pattern:"images/pattern.png",
patternOpacity:0
});
With:
$("body").videoBG({
mp4:"videos/Paul_Oakenfold_ft_J_Hart.mp4",
ogg:"videos/Paul_Oakenfold_ft_J_Hart.ogv",
videoVolume:0.8,
pattern:"images/pattern.png",
patternOpacity:0,
loop:false
});
Hi, I love the look of this!
I am fairly new to HTML5 and J query, how easy is it to set up? Does this come with instructions?
Many Thanks
Pete
flashblue REPLIED
It's very easy to install. It comes with help file which includes all instructions step by step to install to your site.
Can I play a youtube's video on background? Thanks
flashblue REPLIED
No. You can play only videos on your server. But, you can do it by adding an iframe to your easily.
Excellent work :-)
flashblue REPLIED
Thanks!
HI
1. Can you explain me how can use it with flv video?
2. How can I use it with iphone and ipad in autoplay?
3. Can I use a photo background (in full screen) when the video don't work?
Tks
flashblue REPLIED
You just need to add a FLV video like that:
flv:filename.flv
There're some restrictions to play videos automatically on mobile devices.
You can add a bg image at the bottom.
I've implemented this on a client's website, and the video is much slower to load than the one on your live preview, even though it's about half the size. Are you using a video server for that?
Also, sometimes the video will freeze a few seconds into it (any browser), and it takes a page refresh to get it to play correctly.
I'd be happy to send you the URL if you'd be willing to take a look.
Otherwise, this is a great plugin. Thanks!
flashblue REPLIED
Create a ".htaccess" file with the following content:
AddType audio/ogg oga ogg
AddType video/ogg ogv
It'll solve the browser issue. But, the speed is your server problem.
Hey there.
This exactly what I need, but I'm having a little difficulty with a couple of things.
It works fine in all browsers apart from IE. I've made sure the codecs are all correct for all the video types, yet the flash file doesn't work on any of the browsers (I've commented out the other video types to see what was going on).
I've tried hosting the flash file on Amazon AWS, plus the usual hosting that the rest of the website's on, but to no avail.
Any ideas about what might be causing this? Could it be the placement of the video, the video name or something to do with the way I've listed its position in the directory? Does it need to be in a different directory to the other videos?
Many thanks.
flashblue REPLIED
Please, send a test URL to me as private message from my profile page.
Pretty cool. However, I cannot get this to work in FF or IE8.
Here's the FF error message:
---
Timestamp: 1/23/2013 1:13:03 PM
Error: InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable
Source File: http://visionwebsoft.com/testing/aventi/hair/videobg_assets/js/jquery.video-background.js
Line: 1
---
Strangely enough, it does run in FF when I use a local testing server (e.g. xampp). Chrome & IE9 are fine.
Later this week I'm going to scrap the page and rebuild it a piece at a time to see if I have something interfering with it. Meanwhile, any help would be greatly appreciated!
flashblue REPLIED
Create a ".htaccess" file with the following content:
AddType audio/ogg oga ogg
AddType video/ogg ogv
You need to use MP4, OGV or M4V formats also.
Cool. The .htaccess solution got rid of the issues in FF, which is huge plus.
However, it's still doesn't work in IE8 at this URL:
http://visionwebsoft.com/testing/aventi/hair/
Also, should it be working on a tablet, such as Kindle Fire HD?
As far as the video format, it's just a test site, so I'm just using the same vid files that you included in the download for now.
Any other ideas? Thanks.
flashblue REPLIED
IE8 issue seems like your server problem. Because, it works on IE8 with Flash callback.
I've recently purchased this html5 video background java code.
I really don't have a clue how to use it properly,, I'm using Dreamweaver to update my site.
I just want a video to automatically play and loop in the background at full screen with sound, no controls.
I've followed the help file but really I'm an amateur and need baby help with all 3 steps.
I managed to insert in the
with following 2 steps do the attributes go in the body or head? and what do I need to modify?
I really don't understand please help.
flashblue REPLIED
Please, send your files as e-mail. I'll add codes.
Hi there! This script is great! But is it possible to make it work on apple devices? It doesn't work neither on my ipad nor iphone.
I have included all formats apart from OGG, but I believe it won't change anything. Please help
flashblue REPLIED
There's a restriction to run videos automatically on mobile devices. You can add a button like the preview to allow users to run the video.
I have downloaded your HTML5 Video Background and I am having issues installing it into my website. I use Dreamweaver CS6. I noticed when I looked at your instructions all of your codes were missing. Please, if you would, fill in where the codes are missing in your instructions (seen in red in step 2, 3, and 4.) Finally may I just drag and drop these in my heading, and body in the website code?
Thank you
Tayler
Installing the video background requires the following steps.
Setup MIME-types
Including the video background's css file.
Including the javascript files.
Instantiating a javascript function call with any optional parameters.
Below describes these steps in more detail.
In step 1, if your website doesn't play videos, you need to add the MIME types.
On Linux/Apache servers, create a filed called .htaccess with the following text and upload it to the root of your website
On Windows/IIS servers, pleaes follow Microsoft's instructions on how to add/edit MIME types on IIS6 and IIS7.
In step 2, to include the video background's css file video-background.css, simply specify the following line of code within your
tag:In step 3, you will need to include the jquery's library files and the video background's file jquery.video-background.js which is located in the js directory. The code below shows the include in a html page:
Note: The css, js files are the compressed production version of the file. If you intend to modify the video background's source code, you will need to look at files in source folder and it is recommended that you minify the modified file afterwards.
Finally in step 4, you will need to instantiate a javascript function call to get the video background initialized. The example code looks like this below:
flashblue REPLIED
All files are in deploy folder.
You can view sample codes in deploy/index.html.
I love this thing! Thanks.
How can I put a full page background image when video is not loaded on mobile? Or when I toggle it off with a call button.
Cheers,
Piotr
flashblue REPLIED
You can add another layer with the image.
Hi
I'm having trouble with the archive. On Windows, I can't even download it or open it with winAce as recommended by codegrape, winAce says that the header is damaged.
If I unpack the script on Mac, I only get the "deploy" folder with your compressed script.
Can you e-mail me a link to a working version please?
Also, I would like to add a fallback stretched Background / Poster image instead of a .swf fallback.
Above, you wrote "You can add a bg image at the bottom."
- Could you elaborate a bit more on that?
I am normally using JQuery Backstretch for stretched bg images.
flashblue REPLIED
I downloaded it from the site. All files are in the ZIP file. I use WinRAR. But, it opens with other programs.
You can download it here after you login:
http://codegrape.com/user/ursbraem/downloads
flashblue REPLIED
Please try it on a different browser then. And don't use a download manager. It is 48mb. i can't send it as e-mail. i tested it on firefox. There is no a download issue.
flashblue REPLIED
I sent it as e-mail to you.
$4
Deposit money
Prepay Your Account
With our deposit system you can purchase much faster.
Click Here to Deposit
to get bonus
(5 RATINGS)
