I'm having a hard time with the use of my DHTML menu and video on my
site. The video is served using Windows Media Player. Short of hiding
it, I can't seem to get my DHTML menu to appear above the video.
Unfortunately, I have noticed that hiding the video caused the browser
to flash several times. Does anyone know of anything I can implement
that would minimize the client side impact and also allow my menu to
appear on top of the video?
I am trying to achieve a simliar look that you get in explorer you know when you click on the + file the content folders are displayed, moving the other folders down? Now I thought that I had seen one in the web reviews page but can't find it and can't find it through searching either.
I have found all the DHMTL menus items and I use menu builder myself, but I want to actually open up the folders see the contents without going horiz into the page but going down.
Hmm not really explaining myself very well here - honestly see explorer that is the effect that I want. How is this acheived DHTML? or what
I created this script because <select> form menus in IE on Windows appear on TOP of my DHTML layer navigation menus = client NOT happy and blames YOU. To avoid this crappy situation you can use my script to hide a certain number of the <select> menus when your DHTML layer nav menus are active.
Place this JavaScript in the <head> somewhere.
<script type="text/javascript">
// code to hide/show form menu drop downs ie/win courtesy of www.dreamingdigital.ca
// function should take in the parameter "visible" or "hidden" (the_action)
function dd_hide_show_selects(the_action) {
var dom = (document.getElementById) ? true : false;
var windows = (navigator.userAgent.toLowerCase().indexOf("windows")>-1) ? true : false;
var ie5 = ((navigator.userAgent.toLowerCase().indexOf("msie")>-1) && dom) ? true : false;
var cp_selects = document.getElementsByTagName("select");
var number_to_hide = 0;
var number_needed_hidden = 4; // 4 was the number of selects I needed to hide
if (windows && ie5) {
if (cp_selects.length > number_needed_hidden) {
number_to_hide = number_needed_hidden;
}
else {
number_to_hide = cp_selects.length;
}
for (var i=0; i<number_to_hide; i++) {
cp_selects[i].style.visibility = the_action;
}
}
}
</script>
An example of its use would be:
<a href="somewhere.html" title="Some text to describe the link."
onMouseOver="dd_hide_show_selects('hidden');" onMouseOut="dd_hide_show_selects('visible');">Something</a>
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>
I am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'>
<!--
function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
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.
View 5 Replies View RelatedWe 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]....
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?
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 RelatedOn 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]....
I need to include an interactive drop-down, global menu and a flyout menu. What do each of these look like? i thought they would look the same?
View 1 Replies View RelatedI'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 RelatedI 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.
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
here's a question. Can anybody outline the primary advantages and disadvantages and differences between javascript and DHTML.
View 3 Replies View RelatedAll I want to do is to have a div slide down from underneath a button I have. When i search online, I find a zillion slide down menu scripts, but they don't work for just
sliding a div.
I've copied some code from a book which will enable me to make a layer
around a page, my aim is to do something a little more complex but this I
thought would get me started.
Anyway, I've run into a problem before I even start! The script works OK, it
runs the image in from the left hand side quite nicely, great. Problem I
have it always scrolls up to the top of the page, when the link I click
maybe 2 or 3 screens below (does that make sence?). I thought if I was to
add a name attribute to the link I could get the co-ordinates of this and
the screen will not reposition. Code:
My pages all have the same blank at start then the images slide up trick. I have an old workaround for IE that stopped working, and I don't know what to do. In IE now nothing shows up.
View 1 Replies View RelatedWhat is the difference between DOM, Javascript and DHTML?
Alert() and document.write() is a DOM method or Javascript method?
So I need to use variables passed in the url for dhtml calculations.
View 3 Replies View RelatedHere goes:
I'm looking for a particular dhtml content scroller that is will slide to different sections of the content when a link is clicked.
Imagine a long table with all the pages of content on it side by side and a layer is placed over that table so that when a link is clicked the desired content will slide into view.
Its a very common effect used in flash sites but im wondering if anyone knew how to do it using dhtml.
I have a form that will display either text boxes to edit a start and end date or just display nothing depending on the selection from a <select>. I am using JavaScript and DHTML to accomplish this and the code below works fine. When the page loads my <select> will have a value already.
My question is how do I get the correct block of code to show up when the page loads depending on what is already selected? I can't use an onLoad in the body tag because I am unable to edit the body tag. Code:
I've got a good cross browser dhtml fade in script that shows random images from an array when the window loads. It works perfectly for that.
I'd like to alter the code to show when the window loads the 'entire slideshow' over and over in a loop. I'm very new to JavaScript and could use a bit of help or advice on how to implement this. My coding knowledge is very basic. Code:
Anyone know a scroller script that only scrolls through text once? not loop forever?
View 1 Replies View RelatedI am testing in IE7.
I display one of several spans when the user mouses over some code.
Inside the span are several tabs. Clicking on the tab triggers a JS
function that hides the "current" text for the span, then shows the
"new Current" box. It's a constantly revolving door- turn off old,
turn on new. Switch from one span to another and reset the fields.
When I switch between different "spans" then switch back, there are
ghost form elements on the screen (a text area, a blank button) that
appear near where they should be. The section that I was last on does
not display. This occurs when switching between different spans.
HOWEVER, when I set a javascript alert to display what the old visible
and new visible divs are within each span, none of these problems
occur- everything displays correctly. It's as if the alerts "reset"
the javascript display in some fashion. The errors only happen when
the alerts are not on.
Does anyone know why this might happen or if it's a common occurence
that these problems disappear when an alert is used? If I don't use an
alert, how do you display JS variables during testing. Here are some
of my JS functions. Code:
