我一直在尝试许多事情来使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代码。