[关闭]
@wh8766 2018-01-02T06:26:48.000000Z 字数 1448 阅读 676

嵌入视频专区视频


已知问题

先来定义两个概念,仅在Android 微信下存在,方便之后我们理解问题描述:

目前在Android 微信下已知问题列表:

独立播放器页面

正式环境

http://vs.lenovo.com.cn/player.html?vid=11&source=robot.lenovo.com.cn

测试环境

http://test.vs.lenovo.com.cn/player.html?vid=11&source=robot.lenovo.com.cn

参数:

数据统计中来源的优先级:

后台生成的iframe 代码

iframe min height 只是针对知识库给出了相对合适的高度。

  1. <iframe src="http://vs.lenovo.com.cn/player.html?vid=700&source=http://iknow.lenovo.com/"
  2. frameborder="0" style="width: 100%;min-height: 360px;"></iframe>

针对Android 微信环境下独立播放器代码

UMD 方式

UMD(Universal Module Definition) 通用模块定义,是可以兼容浏览器环境的模块方式。

可以使用Dom 和data api 来表述视频信息,在这种模式下可以不用vsConfig 来配置。

  1. <div data-type="vs-player" data-vid="672"></div>
  2. <!--放在底部-->
  3. <link rel="stylesheet" href="http://vs.lenovo.com.cn/static/lib/independent.min.style.css">
  4. <script src="http://vs.lenovo.com.cn/static/lib/independent.min.js"></script>

动态构建iframe 方式

这里将动态计算iframe 高度,在PC和移动端有良好的适配。

注意
- 当在一个页面中存在tab 切换内容显示时,应该使用x5同层播放,否则Android 微信会将video 提升,导致切换内容失效。
- 注意,这里依赖jQuery,所以务必在jQuery之后引入本脚本

vsConfig 参数:

  1. <script>
  2. var vsConfig = {
  3. vid: 672
  4. };
  5. </script>
  6. <script src="http://vs.lenovo.com.cn/static/js/player.mode.js"></script>
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注