播放器控件不响应点击

Question

我一直在努力
使用 flash fallback
嵌入未播放的视频 Video-Js (videojs.com) 经过一些摆弄之后，我得到 controls 正确显示
（他们之前搞砸了）虽然 无法正常工作 。

我已经通读了零件文档，但我
甚至无法完全找到问题所在。

奇怪的是它们确实响应鼠标悬停事件，所以它们上面不可能有任何不可见的元素。

这是一个 JsFiddle，包含我现在正在使用的所有 js/css/html：
Open in JsFiddle

Sorry, the snippet is too big for SO<br>
<a href="https://jsfiddle.net/minzkraut/cmLm9r0x/7/">Open JsFiddle </a>

Answer 1

我并不完全理解您的意图，但看起来您已经使用渲染的 video.js 播放器的 html 并插入了一些 flash 对象。复制呈现的播放器 html 不起作用 - 控件元素没有任何事件侦听器，使它们的行为像视频控件，而不仅仅是看起来像控件。 video.js 有它自己的闪存技术，它会在需要时加载。

您还有一个非常旧的版本 video.js

你只需要这个：

<link href="http://vjs.zencdn.net/5.0/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/5.0/video.js"></script>

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}'>
  <source src="http://www.download.ieq-systems.de/4317/core/unsere_firma/video/freese_video.ogv" type='video/ogg'>
</video>

播放器控件不响应点击

Player controls not responding to clicks

html

user-interface

video.js