Remember Location On A Video Carousel?
Nov 5, 2011
I have no experience with JS, just general knowledge of html/css. I had someone else write the site for me. They didn't know how to do this and pretty much just stopped talking to me... On my site, I have a video carousel (4 video thumbnails in a row, you press the > arrow, and it shows the next 4 video thumbnails, you click 1 video thumbnail, and it shows you the video above the carousel).
The problem is, when you click on one of the thumbnails, it reloads the page, and the video carousel goes back to the beginning. So if you clicked the > arrow 3 times (ur on the 3rd set of thumbnails), then it brings you back to the 1st set. This is pretty annoying, especially if your planning on watching each video. My question is, is it possible to make some type of cookie or something to remember which set of thumbnails you were on in the carousel?
So that, if your on the 3rd set, and click a video, instead of resetting to the 1st set, it keeps you on the 3rd set. If it is possible... how hard would it be to do? Is it something where I could just copy/paste a string of code, or would this be a huge project?
View 2 Replies
ADVERTISEMENT
Jan 6, 2011
Its a long shot posting here but the task I'm using a jQuery Carousel that has a youTube video embedded on one of the slides:
[URL]
I have is does any one know a way that when the user clicks a new slide the youTube video pauses, turns off, or at the very least the volume of the video is set equal to zero.
View 7 Replies
View Related
Jan 19, 2011
what I want to learn to do is have a feature on my website: [URL] where under the portfolio section there are multiple links (product, packaging, identity etc) I want different carousels to show up on the .index page when you click a certain one of those links. In old school HTML I believe you would use a frame but I know there is a better way to do it using jQuery. [URL](work section) does exactly how I want it to be except I don't need the fancybox feature.
View 1 Replies
View Related
Dec 3, 2011
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 :
<iframe width="420" height="315" src="http://www.youtube.com/embed/somevideourlhere" frameborder="0" allowfullscreen></iframe>
View 3 Replies
View Related
Jul 18, 2011
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
View 2 Replies
View Related
Nov 27, 2011
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.
View 5 Replies
View Related
Sep 21, 2011
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 = {
[Code]....
View 1 Replies
View Related
May 29, 2011
I'm trying to adapt the following plugin:
youtubeplaylist
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?
View 1 Replies
View Related
Jun 28, 2011
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.
View 2 Replies
View Related
Apr 30, 2009
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;'> -->
[Code]....
View 2 Replies
View Related
Jul 19, 2010
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?
View 3 Replies
View Related
Nov 2, 2010
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.
View 5 Replies
View Related
Feb 26, 2010
01) I would like to rollover (onmouseover?) a button that is a video and have the video (button) play. (A 5 sec video that stops at end)
02) On rolloff (onmouseoff?) the same button I would like it to rewind to the beginning for next rollover.
03) I would like to add more of these "Video Button Rollovers" to the same website page in the future. I would like to use DreamWeaver CS4, and stay away from flash for more accessibility and less memory intensive overhead. (obviously no control-bar for video)
I have all the parts to this to try a variety of solutions. The video is a box with untied string on a white background. When played a person fades-on and ties the string into a bow. (white background matches website background)
Parts:
01) video from untied box to tied box with person .mov
02) image of first frame of video .jpg
03) video from untied box to tied box with person to person fade-off and untied box .mov
04) video of tied box with person to person fade-off and untied box.mov
View 5 Replies
View Related
Feb 14, 2010
Danged if I can find the thread, but I swear I saw a $.url() reference in here a day or two ago. It was beingutilized for parsing out the window.location or window.location.search parameters. I made a mental note because that was something I would be needing to do.
Now I can't find it, either because the search isn't finding it or I was dreaming about this function existing.
I rummaged about the API docs and didn't find it there either. Is it something provided by one of the plugins and not a function native to jQuery?
View 3 Replies
View Related
Dec 15, 2009
I'm working on modifying a jQuery plugin that makes an image carousel. I like how it is not with one exception... I'd like the images to overlap one another. So the main image that is displayed will overlap the ones on either side of it somewhat.
You can view the source of the demo I posted to look at the JS for it... I used the "moving boxes" plugin and already modified it a lot.
how to overlap images using CSS?
View 1 Replies
View Related
Nov 15, 2006
I am creating a navigation system for my site, all menues are hidden only their headings are appear on the site. When a visitor click on a heading its shows the navigation links. Its working smoothly.
The problem is when user open a navagation menu and click on a link to browse the next page/link, after loading the next page the menu got close and visitor need to reopen the desired menu. I want that the desired menu stay open while browsing the site and only closed when a visitor wants to close it. Code:
View 6 Replies
View Related
Sep 27, 2011
I'm planning on making a website which is mainly just a gallery of images.
The site will essentially look like one page with a jCarousel on it, when the user clicks left or right on the carousel, I would like the URL to change but for the animation not to get interupted.
I would also need to change some HTML on the page too, essentially each image will have a Facebook 'like' button and that will need to change to the corresponding URL.
The carousel is going to be database driven and dynamically built up with potentially 1000's of images, so I'm not sure what the best technique for this would be? I'm building it in ASP.NET / Ajax and using the SlideJS carousel [code]...
View 1 Replies
View Related
Jun 3, 2011
I don't have a ton of experience with JQuery, but I'm trying to design a carousel using Agile Carousel, the plugin. I've copied the code correctly, but nothing shows up. My code is as follows:
[Code]...
View 1 Replies
View Related
Mar 23, 2011
Anyone know a jquery plugin I can use for a horizontal scrolling image carousel with different size images. I Iike the plug in here as my client will be easily able to put new content using a simple text file. The problem is that the images will be the same height but different width so I get ugly spaces between narrow images. Is there a plug in that solves this or is there a way to manipulate the css for each image so as to adapt the width of the div ? I can add the height and width properties of the images themselves to the text file and that works up to a point , but the images display at their correct size but the carousel stops working.
View 1 Replies
View Related
Jun 13, 2009
Here is the jCarousel lite page : [URL] And here is my project : [URL] Carousel pager works great, when you click a page, carousel switch to the chosen page. But if you try to drag an item outside the carousel (green border), the item won't go above the carousel border, but underneath.
View 4 Replies
View Related
Oct 7, 2011
I'm having the same trouble with adding an ALT tag to the last image.
View 2 Replies
View Related
Feb 11, 2009
I'm trying to slightly alter the script found here,[URL].What i want to do is make the carousel work on a Next/Previous feature versus a 1, 2, 3 method. I tried to do it myself but found i was was just going in circles and nothing was working.
Javascript
Code:
<script language="Javascript">
<!--
function slideFolio(col){
[code]....
View 5 Replies
View Related
Mar 26, 2009
I need a slideshow/carousel as given on this page. [URL]. It can be JS or Flash. I can also look at some commercial ones if nothing free arrives.
View 2 Replies
View Related
Jul 27, 2011
I cant seem to get the top picture carousel to work i think this is my problem but Im not sure what in th coding needs to change:
Webpage error details:
View 1 Replies
View Related
Nov 25, 2011
I'm using a feature carousel on my new website - this is a horrible test version but take look and you'll see my problem - [URL]... It works fine in Chrome, FF and IE9 - however in IE8 and IE7, on the fade, an ugly black outline is added to the transparent PNG.
Does anybody know how I can remove the black outline in IE8 and IE7.
View 3 Replies
View Related
Apr 18, 2006
I have just got my web site to the point where I am about to upload
it, but I have come across a problem which I do not know what to look
for on the web. I will try to describe the problem the best I can. I
have a page with pictures in a table of 3 X 10 all pictures are
thumbnails 100 X 90 all is just fine, but I have a link to pages from
the thumbnails but when I return to the thumbnails I start back at the
top of the thumbnails page. I have been told that this can be done
with JavaScript but I do not know what to look you on the web, I have
tried to look for something [Remember page position, Page history] but
with no luck I have not done any JavaScript before and do not know
where to start, so any help would be great.
View 1 Replies
View Related
