使用mars3d时第二次进行hls视频融合报错

使用火星科技的mars3d的API,根据示例代码写的几个视频融合,点击不同网页标签会飞到不同的位置并开启那里的视频融合。

    var video3D = new mars3d.graphic.Video3D({
        // type: mars3d.graphic.Video3D.Type.Image,
        // url: videoInfo.pic_url,
        type: mars3d.graphic.Video3D.Type.Video,
        dom: $("#trailer"),
        position: videoInfo.position,
        cameraPosition: videoInfo.cameraPosition,
        style: videoInfo.style,
        showFrustum: videoInfo.showFrustum,
    });
     gLayer.addGraphic(video3D);
    map.setCameraView(videoInfo.view);

但经常会出现 gLayer.addGraphic(video3D);报错。第一次调用肯定能成功,然后第二次可能就会失败,失败一次后所有都失败了,也会阻止其他方法的调用,比如飞行。错误提示无法对:_0xc3d9ee添加addEventListener

调试了一下才发现,第一次获取到了this这个DOM元素
在这里插入图片描述
第二次开始,就只是(忘截图了):

dom:{
	selector:#trailer
}

所以,问题具体是什么原因还不太清楚,但肯定和jQuery有关。第二次开始不知道为啥没把DOM元素完整拿到再传进去。
反正不用jQuery反正是没事了:

    var video3D = new mars3d.graphic.Video3D({
        // type: mars3d.graphic.Video3D.Type.Image,
        // url: videoInfo.pic_url,
        type: mars3d.graphic.Video3D.Type.Video,
        dom: document.getElementById("trailer"),
        position: videoInfo.position,
        cameraPosition: videoInfo.cameraPosition,
        style: videoInfo.style,
        showFrustum: videoInfo.showFrustum,
    });
     gLayer.addGraphic(video3D);
    map.setCameraView(videoInfo.view);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值