我一直在尝试许多事情来使Ziggeo视频具有响应能力。但是我所看到的只是固定宽度。我需要的是Ziggeo,宽度为100%,并可以在各种移动设备上正确查看。

这是示例代码:

<ziggeo
  ziggeo-video="_sample_video"
  ziggeo-width=320
  ziggeo-height=240>
</ziggeo>


宽度和高度以像素为单位指定,我似乎无法设置百分比。

链接到示例:https://ziggeo.com/docs/sdks/javascript/browser-integration/embed-methods#javascript-version=v1

有谁知道如何通过CSS,HTML或JavaScript使Ziggeo适合100%的宽度?

谢谢

最佳答案

实际上有响应参数-https://ziggeo.com/docs/sdks/javascript/browser-integration/parameters#javascript-revision=v1-stable&javascript-version=v1

它看起来像:

<ziggeo
    ziggeo-video="_sample_video"
    ziggeo-responsive>
</ziggeo>


我确实建议您检查一下播放器和录像机的v2版本,而不是上面代码所针对的v1。区别在于v1基于Flash和JWPlayer,而v2由Ziggeo自下而上地编写,并且在移动响应方面要好得多。

相同的代码如下所示:

<ziggeoplayer
    ziggeo-video="_sample_video"
    ziggeo-responsive>
</ziggeoplayer>


另外,使用v2,您还可以做一些很酷的事情,如下所示:

<ziggeoplayer
    ziggeo-video="_sample_video"
    style="width:100%; height:100%">
</ziggeoplayer>



该代码将忽略您添加的其他参数,因此style属性将保留在那里。


记录器看起来很相似,使用的是<ziggeorecorder>而不是<ziggeoplayer>,它也支持响应参数。

我个人确实建议使用响应选项,并使用样式或类等为代码添加其他格式。

PS:您提到的页面(https://ziggeo.com/docs/sdks/javascript/browser-integration/embed-methods)在右上角有一个下拉列表,可以帮助您将v1切换到v2,反之亦然。

更新(发布后):
-值得一提的是,有一些特定于浏览器的样式可以使某些元素具有附加的填充和边距,以及您自己的CSS代码,因此,如果在其周围看到空白,则最好检查一下是否存在空白是需要添加/更改或重置CSS的所有CSS代码。

10-06 04:26