HTML :: Avoid Scroll-Wheel Hijack By Embedded YouTube / Flash Video
Oct 27, 2011
I am making some improvements on a web-site that has a youtube video embedded in its home-page. I have not added this code myself, but it looks like:
<object width="380" height="307">
<param name="movie" value="[URL]" />
</param><param name="allowFullScreen" value="true" />
</param><param name="allowscriptaccess" value="always" />
</param><embed src="[URL]" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="307"></embed></object>
I have a small ux problem with this embedded object: When scrolling the page up or down using the scroll-wheel of the mouse, it stops working when the mouse cursor is hovering over the video. Are there any html / css / param settings that I can modify to avoid this? See the site itself for a working example. I experience the problem both in Windows 7 64bit and Ubuntu 11.10 64bit so far.
View 1 Replies
Similar Posts:
Jul 14, 2010
I'm embedding youtube clips on my site with the following code:
<object width="259" height="215" style="margin:auto; width:262px; height:217px; position:relative;">
<param name="movie" value="http://www.youtube.com/v/<?php echo $yt_id; ?
[code].....
View 2 Replies
Jan 24, 2010
The following is the code I am using to display a YouTube embedded video in my flash application.
Code:
Security.allowDomain("youtube.com");
var plr:MovieClip = new MovieClip();
addChild(plr);
[Code]....
I cannot load more than one of those in my app. As soon as I load one youtube vid like that, any others will fail to load UNLESS it was the same video as the first one loaded, in which case there seems to be a 50% chance that it will load. And even when the second one (the same as the first) does load, there are issues with the player loaded.... it seems they are connected somehow and get confused with each other. The trackbar will flicker between the play time of the first one and the play time of the second one.
Next problem... I cannot unload the video right away. Say my user wants to close the video out, when I use:
Code:
ldr.unload()
the player does NOT close its streams and you can hear the audio still playing (assuming it was closed before it was finished playing)...
In my eyes, this is horribly bad programming on YouTube's part. They claim that you are allowed to embed their videos in AS3.0, but if that's true then why does it have such a horrible time as a child SWF? Proper children SWF files should be listening for an "unload" call and close out anything they need to when unloaded.
Here is what I've tried so far:
- Seperating the videos by loading them into other children SWF files (children that I created that I've told to load a specific YouTube vid)
- loading at different times
- Allowing security access from YouTube
How can I load more than one YouTube video into my Flash App without causing problems between them? I'm at my wit's end.
View 2 Replies
Jun 14, 2009
i recently doing a custom scroll bar with mouse wheel,i succes to make it scroll and wheel in internet explorer, but when it come to firefox, it can't wheel but can scroll. I wonder how can i solve this problem.Here is the script ( it actually the tutorial from kirupa, i remember some people have post it before, but i wonder he/she can wheel in firefox.)
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;[code]....
View 1 Replies
Mar 21, 2011
I have successfully embedded the youtube video in my flash code with:
//create area to put youtube video on screen
this.createEmptyMovieClip("reason1_video", 10000);
reason1_video._xscale = 60;
reason1_video._yscale = 60;
this.reason1_video.loadMovie("[URL]");
However, the video plays with black bars on top and bottom even though it plays without those directly from youtube: [URL]. Even if I take off the scaling, it still has the black bars. How do I get rid of them? It seems like youtube uses a different player than flash. [URL]. Click on #1 and you will see the video I am talking about.
View 1 Replies
Oct 27, 2010
I have a YouTube video embedded in my page. It is hidden (display:none). You need to click one of the video link buttons to display the video and play it. The links are defined like this:
<a href="javascript:play('xxxxxxxxxxx')">Video 1</a>
<a href="javascript:play('xxxxxxxxxxx')">Video 2</a>
xxxxxxxxx represent YouTube video IDs.
[Code]....
It's fundamentally pretty simple! But here's the problem. since the video player is hidden, the flash object is not activated. So when I click a video link, the line ytplayer.style.display = 'block'; displays the video player, but it takes about about half a second for flash to load. During this time it cannot accept any method calls, such as the next line ytplayer.loadVideoById( id, 0, 'hd1080' );. Essentially, I have to click the link twice, once to load up the flash video player, the second time to actually load the video into the player.
View 1 Replies
Jul 30, 2007
I know you can use the mouse wheel to scroll through text in the flash componenet scroll pane, but is there a way to set it up to work with the code I have posted below?
fscommand("allowscale", "false");
bar.useHandCursor = dragger.useHandCursor=false;
space = 5;[code].....
View 4 Replies
Jun 16, 2010
I am having endless trouble trying to get flash to scroll with a mouse scroll wheel on both PC and Mac. Pixel Breakers code "swfmacmousewheel" seems to be the way to go but despite everyone raving about how amazing it is and showing many version of it working very nicely, I cant get it to work. I've followed all the instructions I can find as carefully as possible but I get nothing. I just want something similar to this > [URL]
View 2 Replies
Jun 15, 2011
I'm having issues with a YouTube video breaking a jQuery slider when viewed on an Apple mobile device. The slider uses a set width & height window that uses the overflow:hidden property. It looks great in all browsers except for Apple devices where all of the slides are visible in a row as if the overflow:hidden property did not take effect.
Link to site: [URL]
Embedded video code:
[Code]....
View 1 Replies
Feb 19, 2010
I created an ajax jQuery featured content slider that will automatically navigate through each tab. Each tab has some basic html. The one I used is this one: [URL]. For some reason, when I embed a flash video in it, the flash video overflows the div. It looks fine in Chrome and Safari but not the latest version of Firefox (3.6) on the PC. Is it not handling overflow or z-indexes correctly?
View 1 Replies
May 14, 2011
My site was 95% point and clicked and the rest getting lucky with mostly the right AS3 after searching the various forums etc. Please be patient and type slowly that I may understand
I managed to get a youtube embedded into my AS3 Flash site. Plays well enough and in the right box. Gota figure out how to default to 480 or 720 but thats not the problem... see below.
My questions is this: is there any way to stop the video from playing all the way through to Youtubes default end screen where it has the Just Watched and Up Next screen? Either by going back to the thumbnail it uses by default or by sending it to another page on my flash site?
The last thing I want is my viewer wandering away from my site ><.
Below is the code I used on the Video holder object Sorry i forgot the tute i pasted from - but it worked thank you who ever you may be:
Security.allowDomain("www.youtube.com");
// This will hold the API player instance once it is initialized.
var player:Object;
var loader:Loader = new Loader();
[Code].....
View 4 Replies
Aug 5, 2011
When watching a video on youtube you get a dark player But when you embed you get the standard light player
So,How can I change the embedded video to use the dark controls?
I know that I can view the source and copy the object for the video... but there has to be a more "official" way of doing this.
View 1 Replies
Jun 15, 2010
Is there a code that will make the scroll pane operate with input from the mouse's scroll wheel?
View 2 Replies
Dec 20, 2010
Flex - scroll wheel ok using IE, but not on FF or Chrome?Switching between browsers during debugging and noticed the scroll wheel does not work in Firefox or Chrome, but is fine in Internet Explorer. Anyone else notice this? Suppose I could use a scroll listener and manually do it, but would much rather not!
View 1 Replies
Sep 24, 2010
I'm using the Youtube AS3 Player API to load video's in a Flash Project. I get this really annoying Error when loading the Player swf:
SecurityError: Error #2047: Security sandbox violation: parent: http://www.degoudenglimlach.be/main.swf cannot access http://www.youtube.com/[[IMPORT]]/s.ytimg.com/yt/swf/watch_as3-vflbgr4dW.swf.
I tried adding the following to my code before loading the swf but it doesn't make any difference:
Security.allowDomain("*");
Security.allowDomain("www.youtube.com");
Security.allowDomain("youtube.com");
Security.allowDomain("s.ytimg.com");
[Code]....
View 2 Replies
Jan 27, 2011
I know that there is a possibility to open a video file either using a flash player or html5 in a browser, but is there a possibility to open it at the certain place (lets say 60 seconds from the beginning) or automatically fast forward it after opening?
View 1 Replies
Feb 5, 2009
I have embed the youtube flash player via this code.
Code:
// create a MovieClip to load the player into
var ytplayer:MovieClip = _root.createEmptyMovieClip("ytplayer", 1);
// create a listener object for the MovieClipLoader to use
var ytPlayerLoaderListener:Object = {
[code]....
I would Like to know, How can I run the destory command because the video keeps playing even though the command has been passed. I've used stopVideo and destory. they dont work until you press the pause button. I would like to end the video even if its playing.
View 4 Replies
Oct 28, 2003
Look at this page: [URL] All textboxes has got a scrolling function that I've never seen in flash before.
View 3 Replies
Oct 28, 2003
[URL]All textboxes has got a scrolling function that I've never seen in flash before. You can scroll with your wheel on your mouse!
View 3 Replies
Nov 11, 2009
I made a flash mp3 player and it works fine in any other test pages. but when i embed it onto my site it just shows blank. what do i do? my site is [URL] and the flash player i tested here [URL] and it plays. What im i doing wrong? i tryed everything. right now i just got it in a iframe but i dont want that iframe.
View 1 Replies
Dec 8, 2011
I need a hulu embed video to be 620px in width, what should I set the height to so I don't get the black bars on the sides. I tried to look up aspect ratio calculators online but they all seem to ask for what aspect ratio I need, etc. I don't know what I need exactly, I just want to enter a width and get the height that will prevent those black bars. Anyone know what the height value would be?
[Code]...
View 2 Replies
Jul 7, 2009
Just wondering where I could get a flash video player that enables the user to embed the video like youTube functionality.URL....
View 3 Replies
Jan 2, 2011
I'd like to gain read only access to the following parameters of embedded Flash videos located on sites that I do not own through my own custom browser extension/add-on:
Time location of playback head (so I can display the current time in the browser extension via HTML5/JavaScript) Frames (so I can make capture them to an image file, save it and display image in browser extension) Original Dimensions in pixels (so I can display the original video dimensions via JS/HTML5 in browser extension)
Is this possible by using Javascript and HTML5 from a browser extension?
Would I have to use something like the SWFObject Javascript API [URL]
View 1 Replies
Nov 22, 2010
by following a tutorial on [URL], I was able to display a youtube video in flash, but the problem is that the video doesn't have a control menu. Just wondering if there is a way to make one, either it is customized or some default menu provided by youtube or flash.
View 0 Replies
Jan 12, 2009
In my CS4 flash document I have created a media gallery. It's a very simple interface that has mouse overs on thumbnail pictures, and then the larger picture will fadeUP in the center of the document. (With use of framelabels in the timeline).
In the same document, I want the user to be able to click on a video thumbnail, and that video plays back in the center of the document. Several questions: If the user clicks on the thumbnail "onrelease," the time line goes to the player, is it possible to stream this video from a youtube clip into my media player on the screen? If not and I have the document in a fl4 format, is there a simple process to have this video open? (I currently do not have the document in fl4 format).
View 0 Replies
Jul 30, 2009
iam using following code to scroll map. when scrolling horizontal or vertical, it scrolls perfect without any jerk(stutter) but when scroll diagnol this stutter happens.
Code:
function scrollMap(){
var p = {x:0, y:0};
var minX=(stageW/2)-32;
var maxX=(stageW/2)+32;
[code]...
View 0 Replies
Feb 7, 2010
I found this wonderful little game on Newgrounds which somehow allows the user to scroll the mouse wheel without scrolling the HTML page.URL...Does anyone know how they've done this? I know its not a javascript solution because while the game is loading, you can scroll up and down the HTML page (even if your mouse focus is set to the SWF). But as soon as the game starts and initiates, the mouse wheel only affects the SWF and not the HTML.
View 1 Replies
Jun 28, 2009
I've set up some buttons on my site to act as a scroll bar (here) and perform as follows...
on(press) {
this.onEnterFrame = function() {
if(content._y < 95.2) {
[Code]....
is it possible to use the scroll wheel of my mouse to do the same thing?
I'm using Flash MX, so can only publish up to Flash player 6.
View 5 Replies
Mar 13, 2010
I have a Flash application in which I would like the user to scroll a UI element by moving the scroll wheel on the mouse. My problem is that the Flash application is embedded in an iframe that also has scroll bars. So when I use the scroll wheel, even when the mouse is above the Flash application, both the Flash application scrolls (like it should) but the webpage also scrolls, which I would like to avoid.
So is there some way to avoid this behavior? Can the flash application capture the mouse so that hte events no longer bubble up to the containing page?
View 3 Replies
Jul 20, 2007
is this possible? like key detection?
View 6 Replies
