i got a video which have buttons to play, pause and stop.i wanted to add a button to enlarge the video to full screen, is there anyway to do it in JS?for my buttons i use it like that:[code]
View 1 RepliesI've created website with Win Media Player video clips playing on web pages including full screen view button inserted - works well on IE.
Now, I've created JavaScript file for insert video clip on web pages so most different browers to be able to work well (due to accessibility - W3C Validator who refuse to hug and love EMBED tags!). Code:
I am working on getting my tumblr blog on my web site and there's a feature in the template that I would like to use on my site but after going through lots of sites offering tools, I couldn't find one the same.
this is my blog [URL] when hovering over a photo, you see the zoom button, clicking it makes the picture bigger and fades the background out.
Anyone know where I can get a script to do this? Has anyone used one of these? Do they automatically work on all images on the page without extra code on each image?
I am using this script
"function openFullscreen(page) {
var yes = 1;
var no = 0;
windowprops = "width=" + (screen.width-10) + ",height=" + (screen.height-50)
+ ",top=0,left=0";
windowprops += (menubar ? ",menubars" : "") +
(scrollbars ? ",scrollbars" : "") +
(locationbar ? ",location" : "") +
(directories ? ",directories" : "") +
(resizable ? ",resizable" : "") +
(statusbar ? ",status" : "") +
(toolbar ? ",toolbar" : "");
window.open(page, 'fullPopup', windowprops);
}"
to open a window full screen, but when this window is hidden and I want to re-open it, I can't ..?
I am working a project where I am using two monitors and using
HTML/Javascript to display the information I want.
I have my main stuff on the main monitor, but when each page loads, I want
an image to load fullscreen on the second monitor as well. I am using
800x600 resoution on both.
If I use:
function openWindow()
{
mainWindow = window.open("thispage.htm","pagename","fullscreen=yes");
}
that works fine for the main monitor.
I have then tried to use the second monitor to open an image by using the
same type of thing:
function imageWindow()
{
openImage = window.open("image.jpg","imagepage","fullscreen=yes");
openImage.moveTo(801,0);
parent.focus();
}
I am trying to use it with the onload command as well:
<body onLoad="imageWindow();">
I am passing arguments to these functions but simplified it here.
Anyhow it will only open it full screen on the first monitor. I can position
it and move it to the second monitor if it is not full screen just fine.
I've following javascript to show full screen window like F11.
window.open(url, "myWindow", "fullscreen=1")
It works properly in IE, but not in mozilla.
way to work it out in mozilla
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
What do I put in the javascript code to popup a window full screen?
View 2 Replies View RelatedI have an asp page which just displays some information to a user few
a couple of seconds before redirecing.
This asp page is displayed in a small window.
I am using the following META tag to re-direct, but I want the next
page maximised.
<META HTTP-EQUIV="refresh" CONTENT="2;url=JobSheet.asp">
How can I get JobSheet.asp to open fullscreen from this code, whilst
closing the small window ?
I found many method is about opening new window in full screen, but not change the current window to full screen, so it is possible in fact?
View 4 Replies View RelatedIs there any script out there that will allow me to launch a full-screen
window (without any title bar) in both NS and IE? I have found scripts
that work only in IE, but is there one that is compatible with NS also?
I have a j query sideshow and i want to put a link in slideshow page to view the slide show in full screen like in this site [URL] you can view the full screen by clicking the button on top right corner the problem is this site is in flash but we need this functionality in html.One more thing that i want to view in parent window not in popup or new window.
View 1 Replies View RelatedI've attempted to get Cycle to function as a full screen slideshow.I love Cycle for it's simple clean code, and easy implementation and also powerful options.However, when I resize my browser window, even with OnResize events in place, the Cycle plugin usually maintains the images at the size of the onload event.So I ask you, as a meager and humble creative who loves to do front end dev... how can we get Jquery cycle working at full screen and with browser window resize?nd while these both are interesting and very useful, the code is very strict and the galleries are a "swiss army knife" combination of things, easily broken, and a little proprietary
View 4 Replies View RelatedI'm creating a full-screen window in javascript. I"m not interested in debating whether or not a full-screen window is good or not, or any of the other philosophical diarrhea, I just need an answer to getting rid of the scroll bar... Trust me, in this case it NEEDS to be full-screen and it SHOULD NOT have any scrollbars. This is being done on a PC running Windows 7, 64-bit, IE 8, and EVERYTHING is up-to-date. The window gets created fine, but there's an empty scroll bar on the right side. ALL I want to know is how to get rid of the scroll bar so this works AS STATED IN THE DOCUMENTATION......
[Code]...
Is there some way to switch the browser into full screen mode?
Essentially emulating the F11 key in IE would be what I'm trying to accomplish.
I need to display a set of images. NOT a slideshow that automatically changes, but a very simple display, one image at a time, that moves to next or previous by mouse click or arrow.
I can retrieve the set of filespecs in php with no problem. And I've got the setup in php to display the file, one at a time.
I"ve figured out how to open a full-screen window in javascript.
What I need (I started in php and they sent me over here for specific javascript info), is to put everything together...
1. I'd LIKE to automatically set the resolution on the system to 1024x768. I've been told html and javascript can't do that, so it'll have to be done by the user.
2. I figured out how to open a full-screen window in javascript.
3. What I need is to display the image from php and have it show up in the full-screen window I created. Then it just sits there until the user presses an arrow key (or hopefully something with the mouse) to go to the next (or previous) image. Back to php for the next file and display...
Once the last image in the set is displayed I'd like to have the window I created go away, sending me back to the screen from which all that got started...
So, as far as I know, the two things I need to know are how to display an image in a particular window from php. And, how to get mouse-clicks and/or arrow keys back to php so I can use them....
I have a small dillemma I'm trying to solve involving javascript and I was curious if anyone here might be able to tell what the issue is. I'm redesigning my portfolio, and I have a page that involves popup windows, which can be seen at www.souledesign.net/final_site3/portfolio_flash.html. When I click on an icon, it pops up a window successfully. However, the height value I have inputted for the window is ignored, and the window automatically sizes itself vertically to the full height of the web browser.
The code that I've placed on the button that pops up the javascript window looks like this:
href="javascript: void(0)"
onclick="window.open('adbanner1.html', 'realestate', 'width=496', 'height=70')"
This should open a simle XHTML document sized to 496x70px, containing a Flash movie that is displayed using swfobject javascript. unfortunately, the window ends up resizing itself to a height that fills up the entire page rather than properly sizing to 70 pixels.
I have an emagazine i want to add to my website, the probelm is when it opens in a browser you have to sroll down the page, to view it all, what i was wondering is, is it possibe to create a link that when somebody selects to view the magazine it forces the browser to openin full screen mode so that it fits niely on the screen without the toolbars and evertything taking up half the page.
View 4 Replies View RelatedPls help me in getting a javascript code which resizes the web page to full screen.
The solution should not be of popup type as it gets blocked by most browsers now.
Is it possible to
a) send F11 key using javascript while the page is loading.
or
b) Pure javascript which resizes the page to full screen.
Pls take care that the solution also works with Firefox.
I want to enlarge images in my site with a close button, by clicking on zoom link/button. How to do this?
View 2 Replies View RelatedI need to know when the client enters fullscreen mode and can't figure it out. I've tried to create an alert when self fullscreen equals yes but can't get the alert to work. code...
View 21 Replies View RelatedIs there a javascript function that switches a browser into full screen mode? I've had a little look in the mozilla DOM reference but can't see anything.
View 4 Replies View RelatedI have a page, which is actually a photo gallery with a table having 3 rows. First row shows the full screen size pic. Second row displays the Caption of that image and third row shows thumbnail view of six different images and the previous and next button.this is the sample layout:
<table>
<tr>
<td colspan=8>
[code]...
My requirement is whenever the user click on the thumbnail view, which is in the 3rd row, the corresponding full screen size pic should open in 1st row of the table.As my photo gallery should be having more than 6 pics, lets take 20 pics, I want to show only 6 thumbnails in 3rd row at a time. Whenever user press "Next" button the 3rd row having 6 thumbnails should show other 6 thumbnails and previous button should show previous 6 thumbnails.
I am completely new to jQuery, and I don't even know how to approach or implement what I am trying to do.Before the home page of a site I've developed appears, I want the logo of the company to appear on the screen, then fade out to reveal the web page with full functionality.I also could do this be fading out the logo to reveal a static image of the home page which then could redirect to actual home page.
View 1 Replies View RelatedI 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 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