Closing A Video In (prettyphoto) Lightbox, On A Timer?
Dec 4, 2011
I had a code I found on google a few weeks ago that did this function well, but as I redesigned a few parts I deleted the code, and I cannot find it again :
The one thing I didn't like about the code was that the timer was not set in minuets or seconds it was set in hundreds ex. 800 would be equivalent to IDK I would have to guess and it wasn't very accurate.
Ex. of the lightbox and video to give you a better picture can be found here: www.VisumDesignz.com the second slideshow image has a play button on it click that and the video will appear in a prettyphoto lightbox.
I have a prettyPhoto lightbox plugin on my site. When I click the thumbnail, the lightbox window opens. The problem is that when I scroll, the lightbox shakes violently. I have tried every available option through CSS positioning and none of them suit my situation. I need to be able to DISABLE all scrolling while the lightbox is open.
I tried this:
<SCRIPT type="text/javascript" language="Javascript"> var stop_scroll = false ; function scrolltop(){ if(stop_scroll ==true){
[Code]....
This does nothing unfortunately and I imagine I am either approaching this incorrectly or I have some kind of syntax error.
I have been trying to get some assistance with this issue for a while now. I know this issue has been discussed before but I can't seem to get it to work. I have a master html page with an iframe on that page. I am using jquery prettyphoto and I was wondering how I can get the light box to display in the parent window when I click on the link in the iframe?[code]...
i have a site that uses a lightbox based image viewer and the jeditable plugin. basically my site has a photo gallery and below each gallery i have the option to set a caption to the photo.
i have done the caption using jeditable and i've also tried using the ajaxForm plugin for jquery to see if jeditable caused the problem. but whichever method i use, approximately 20% of the time a photo caption is submitted, if you then click on the photo to view full size using lightbox (so far i've used fancyBox, prettyPhoto and Lightbox itself, and all break in the same way) it gets stuck at "loading", whereby the overlay appears, the inital empty box and animated gif appear, but then it just spins forever and never loads the image, as if it cant access the URL. weirder still, the FIRST time i do a page refresh to try and fix the problem, it doesnt work (something in the cache i expect), but if i do a second refresh or a shift + refresh, it resets and works again. it's very difficult to eliminate all variables because the problem is so sporadic, but it seems that the most likely way of breaking lightbox is to do the following:
I want the website to show a lighbox with video started as soon as it is loaded. I should also have an option to close the video. <input id="gwProxy" type="hidden"><input onclick="jsCall();" id="jsProxy" type="hidden"><div id="refHTML"> </div>
I've implemented Orbit slider [URL] and everything works great, BUT when I also implement Video lightbox [URL] the orbit slider broke. So it seems jquery-1.4.4.min.js for orbit and jquery.tools.min.js for video lightbox don't like to play together. Which ever one is loaded in first does not work, this is a problem as you can see on the page I am building: [URL] The first image box is the orbit which is loaded second and works fine, the second box is the video lightbox which does not work. I emailed the lightbox ppl and they suggested there was a conflict with another module and to load lightbox last, great advice to get lightbox working not so great for the orbit slider.
I have a video gallery with a bigger div with width 500 pixels where the main video is waiting to be played and below is a smaller div with all the others videos from the gallery having width of 80 pixels.The list of video are managed by a content management system in PHP and are the result of youtube "Share Embed action" where the result is an iframe with the link for the video.How can i clicking on a video from the smaller div see the video being displayed in the bigger div ? already playing? or in a new layer above the website ?For now the video plays in the div it is located at.As an example here is the source video format :
I am currently writing a CMS and I need a few minor variable values from the YouTube Api. I wish to embed a YouTube video into a page and then extract key information about that video such as:
1. The Title 2. The duration 3. The number of hits
I'm trying to create a video box on a website that plays a youtube video and then automatically plays random recommended videos with no break in playback. An endless playlist created by youtube based on the initial video. Youtube uses Javascript API. I have never used Javascript before but i'm just trying to get the video to play as above. There are few tutorials online and I couldn't find anyone trying to do a similar thing.
We are having an issue with the video playing on our client's site. The video plays fully locally but not fully once set live on the any of the browsers, it plays just the first 15secs, then it stops.
Can anyone share some ideas as to how we can resolve this. The player is in Flash, and uses an eternal XML file for the video. We have checked and all connection are correct.
Header Code:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> Body Code <script type="text/javascript"> var flashvars = {
so that when you click on the thumbnails it also displays the video description underneath the video, a count, i.e. 1 of 3 etc. and previous and next buttons. Should I be using another plugin or is there a way with this one?
I am new to javascript (I started learning it today) so please explain it for newbies.I am trying to get the amount of video (in seconds) buffered already by the client and the whole duration of the video.Then, I divide them to get the precentage which was buffered so far.I have no problem storing the durating using:var duration = document.getElementById('vid').duration- returns "12.6" (seconds).I am struggling with getting the buffered time. I tried: var buffered = document.getElementById('vid').buffered.This one returns "[object TimeRanges]".From what I understood this is some kind of an object (Like an array?).I tried returning "buffered.length" and I get "1" back.
I have a starting page, Page1.php that uses Page1.js.In Page1.js, I'm using the onclick event for a button that's on that page. When the button is clicked, it goes to Page2.php. Okay, fine.Page2.php is using Page2.js. But when the browser switches to page 2, I get a javascript error because, somehow, it's still referencing the Page1.js file. (Using IE8)So how do I 'dereference' the first javascript file, so that when Page2 loads, it doesn't still try to instantiate the objects in Page1.js? (I'm getting a null object error when Page2.php loads).
On my website I have a video player at the top and below that a list of videos. Users click on one of the videos and that video begins playing in the player at the top of the page. Is there any way that the link the user clicks to play the video can also jump to the video player at the top of the page? I've tried various hyperlinks but I can't get it to work. The videos play fine, but the users don't realize that they need to scroll back up to the top of the page to see the video.
[URL]
#### below is the video player #### <div id='videoPlayback' style='width: 425px; height:344px;'> <!-- <div style='width: 425px; margin-left: auto; margin-right: auto; margin-top: 10px;'> -->
I currently have a slideshow working on my client's site, but I can't get lightbox to work properly on it. [URL]...
Is there a way to fix the existing slideshow to work with lightbox? Or is there another way of doing this (keeping the same look that is currently in place)?
I have the page linked below. The first three thumbnails are videos and have a working tag of rel="prettyPhoto" but the next table of thumbnail images have a tag of rel="prettyPhoto[1]" that is not working.
I'm looking to duplicate the video-embedding technique shown on revision5.com, whereby they show the flash video to all platforms where flash is available, and only show the HTML5 player on mobile devices. Is there a browser-sniffing framework, or some other method available to accomplish this?
I'm implementing prettyPhoto into my site which already contains a jquery newsticker from [URL]... There is a compatibility issue between this two, I can only manage to make one to work, but I really need both of them.
I'm using prettyPhoto for a gallery on my page. I'd like to keep it the same size independent of the photo size. So if the image is too big, the image shrinks down to the size of the box (although I don't mind the way it currently works of mostly filling the window). More importantly, I'd like it to not shrink to fit smaller images. It would be best if it would just center a too-small image.
Unfortunately, one of the images that is in the gallery is only 200x150, while most are around 800x600.
[Code]...
Somehow, I just now realized that the default dimensions don't seem to apply to anything (or at least they're not limiting anything as far as I can tell).
Perhaps something from how it works for iframe? The images don't thumbnail properly for the gallery if I put the width/height in the anchor href...
I have a variety of scripts on my webpage... I have multiple slide shows that require javascript... out of the three 2 of them work fine with pretty photo but the one I need does not....
Does anyone know why prettyphoto conflicts with this certain script?
You prolly need the code but I thought this could be a common problem and i figure there maybe an easy solution..
I have created a transparent flash video (virtual spokesperson) for my website. For demoing purposes, I would like to have this appear on any desired website.
This is what I am trying to produce - here a virtual spokesperson appears on the [url]website: [url]
Have a look at other sites which enable one to type in a URL and their demo virtual spokesperson appears on the given site: [url] [url]
I believe they do this within an iframe to display the underlying website.
I'm having an issue with PrettyPhoto not working in IE. It works great in all other browsers. In IE, it will start to open, show a really small box and then no content. Here is a link to the site that I'm working on:[URL]..
I have a site which uses a version of jQuery that might be an older version and when I try to add the code for PrettyPhoto which uses jQuery version 1.4.2 the site breaks. The earlier version of jQuery is used to implement the accordion effect and the background resizing effect.
Can someone peek at the multiple versions of jQuery in my code and tell me more about what is going on and how I can fix it?
I have a site that I am developing where I use the prettyPhoto plugin to display larger size versions of photos. I have everything configured as per the directions on the plugin page here: [URL] I am experiencing a weird issue however. When I mouseover my anchor image, the mouseover is only on the top and bottom half of my image. The whole middle section of my anchor image is getting no mouseover effect. Meaning my cursor only changes to a pointer on the top & bottom parts of the image. It changes back to a regular cursor when directly in the middle of the image. The anchor image (the image I'm using to link to the larger version) is sized 333px wide by 500px tall and I am linking to jQuery version 1.5 as hosted on the Google api server.
prettyPhoto is working perfectly except for this mouseover issue. I do have a caption telling the user to click the picture to see the larger version, however if they mouseover directly in the center and don't see the mouseover effect they may think something is wrong. Does anyone know what I may be doing wrong and how I could fix the issue?
