html - 避免滚轮劫持嵌入式 youtube/flash 视频

标签 html css flash youtube user-experience

我正在对主页中嵌入了 YouTube 视频的网站进行一些改进。我自己没有添加这段代码,但它看起来像:

      <object width="380" height="307">
        <param name="movie" value="http://www.youtube.com/v/DooLJvsH_BY&amp;hl=en_US&amp;fs=1&amp;" />
        </param>
        <param name="allowFullScreen" value="true" />
        </param>
        <param name="allowscriptaccess" value="always" />

        </param>
        <embed src="http://www.youtube.com/v/DooLJvsH_BY&amp;hl=en_US&amp;fs=1&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="307"></embed>
      </object>

这个嵌入式对象有一个小的用户体验问题:当使用鼠标滚轮向上或向下滚动页面时,当鼠标光标悬停在视频上时它停止工作。

有没有我可以修改的 html/css/param 设置来避免这种情况?

See the site itself一个工作示例。

编辑:到目前为止,我在 Windows 7 64 位和 Ubuntu 11.10 64 位中都遇到了这个问题。

最佳答案

<param name="wmode" value="transparent" />

(以及 embed 中的等价物)

这是一个猜测。我有个人经验,如果你在 IE 中设置它,它会阻止 Flash 捕获滚动的箭头按钮,这似乎是相关的。

关于html - 避免滚轮劫持嵌入式 youtube/flash 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7917498/

相关文章:

javascript - 将数组绑定(bind)到 AngularJS 中的指令变量

javascript - 构建真实世界的 AngularJS 应用程序,我应该如何在 html 中声明我的 Controller 。我需要在index.html中声明所有内容吗?

html - 容器上的等高但具有 Display Flex

javascript - 多个 Javascript 模态

css - WordPress 自定义模板 CSS

apache-flex - Flash/Flex 中使用 native 库的回声消除

html - 在表中选择具有特定类的第一个 child 并将其隐藏

javascript - 在输入的 Div 列表中导航

javascript - CU3ER开源替代品

javascript - 是否可以将 JavaScript/jQuery 图片库转换为 .Swf 格式?还是进入其他 "non-browser"介质?