videojs插件中间播放按钮怎么显示？

[ChengKing]

官方文档非常简单，没有说明。
目前默认是在下面控制面板中有 播放/暂停 按钮及其它音量等控制按钮，怎么实现可以在 视频区域中间位置 显示 播放/暂停 的大按钮？ 以方便手机触摸操控。
谢谢

[斯洛文尼亚旅游]

最新版本的播放按钮在左上角有了。。暂停就不必要显示在中间了吧，那不是挡住视频了

要显示在中间可以修改下面这个样式，增加left，right属性，覆盖css中定义的

  <link href="video-js.css" rel="stylesheet" type="text/css">
<style>
.vjs-default-skin .vjs-big-play-button {left:40%;top:40%;}
</style>

定位不是很准，除非修改js。。

[save4me]

演示代码Chrome版本 34.0.1847.116

[ChengKing]

引用 楼主 ChengKing 的回复:

官方文档非常简单，没有说明。 目前默认是在下面控制面板中有 播放/暂停 按钮及其它音量等控制按钮，怎么实现可以在 视频区域中间位置 显示 播放/暂停 的大按钮？ 以方便手机触摸操控。 谢谢

videojs 4.6.3 version，看到代码是确实有定义，但按钮并没有显示出来。它自己的demo.html在ie中有显示，但 chrome中并没有显示。

[斯洛文尼亚旅游]

chrome 25,firefox12都没问题啊。。

[save4me]

videojs 4.6.3 version里面提供了居中的css，你用的是这个吗？

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}

参考: Add an HTML5 video tag to your page.

<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
  controls preload="auto" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup='{"example_option":true}'>
  ...
</video>

[ChengKing]

引用 4 楼 save4me 的回复:

videojs 4.6.3 version里面提供了居中的css，你用的是这个吗？

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}

参考: Add an HTML5 video tag to your page.

<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
  controls preload="auto" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup='{"example_option":true}'>
  ...
</video>

是这么设置的，但不起作用。

[ChengKing]

chrome 30版本，运行demo，但没有效果

[xtlyk19900501]

诸位 如何给video.js添加清晰度切换键？

[hellochina1233]

同问，暂停时要显示按钮啊。。videojs的demo不敢恭维

[qq_21446525]

在</video>标签后面，加上<script type="text/javascript" src="你的js文件路径/video.js"></script>

[pretty_boy1115645641]

给vedio标签添加一个 class属性： vjs-big-play-centered

[哪怕去追逐]

demo的显示很有问题，文档说明也不详细，很头痛