使用videojs和videosjs-vr实现全景视频的播放以及手机陀螺仪和视角回正
一、前言：
刚去一家新公司，公司要求使用videojs和videojs-vr实现播放全景视频的功能，videojs是一个播放普通视频的插件，videojs-vr也是一个插件，它的作用是让videojs可以播放全景视频。
二、先放代码：
html部分：
// id必须有！！！ controls控制播放器按钮显隐// 控制陀螺仪开启和关闭，手机端有效js部分：
陀螺仪的开关，我弄了很久，试了很多方法都没有生效，只能一点点在控制台找插件的属性，最后发现video.vr().controls3d.orientation这个对象可以影响陀螺仪的开关，我在data里新增一个orientation属性用来存储这个值，每次打开陀螺仪的时候，执行video.vr().controls3d.orientation = this.orientation重新赋值，关闭陀螺仪的时候，执行video.vr().controls3d.orientation = undefined，然后陀螺仪开关的效果就实现了，这个方法虽然看似简单，我试了好多天。。。。。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！