避免嵌入的YouTube / Flash视频滚动轮劫持 [英] Avoid scroll-wheel hijack by embedded youtube / flash video
问题描述
< object width =380height =307 >
< param name =movievalue =http://www.youtube.com/v/DooLJvsH_BY&hl=zh_CN&fs=1& />
< / param>
< param name =allowFullScreenvalue =true/>
< / param>
< param name =allowscriptaccessvalue =always/>
< / param>
< embed src =http://www.youtube.com/v/DooLJvsH_BY&hl=zh_CN&fs=1& type =application / x-shockwave-flashallowscriptaccess =alwaysallowfullscreen =truewidth =380height =307>< / embed>
< / object>
对于这个嵌入对象,我有一个小的问题:当使用滚动向上或向下滚动页面当鼠标悬停在视频上时,鼠标停止工作。
有没有html / css / param code>设置,我可以修改,以避免这种情况?
查看网站本身的一个工作示例。
编辑:我遇到了Windows 7 64位和Ubuntu 11.10 64bit至今。
透明/>(和嵌入的等价物
)
这是一个猜测。我有个人经验,但如果你在IE中设置它,它将阻止Flash捕获滚动的箭头按钮,这似乎相关。
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="http://www.youtube.com/v/DooLJvsH_BY&hl=en_US&fs=1&" />
</param>
<param name="allowFullScreen" value="true" />
</param>
<param name="allowscriptaccess" value="always" />
</param>
<embed src="http://www.youtube.com/v/DooLJvsH_BY&hl=en_US&fs=1&" 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.
Edit: I experience the problem both in Windows 7 64bit and Ubuntu 11.10 64bit so far.
<param name="wmode" value="transparent" />
(and the equivalent in embed
)
This is a guess. I have personal experience though that if you set this in IE, it will prevent Flash from capturing the arrow buttons for scrolling, which seems related.
这篇关于避免嵌入的YouTube / Flash视频滚动轮劫持的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!