微信同层H5视频播放器接入教程声明启用同层H5播放器支持的值类型x5-video-player-type:h5示例：注意：该属性需要在播放前设置，播放后设置无效。下面的'x5-video-player-fullscreen'也是如此。x5-video-player-fullscreen会在视频全屏播放时进入全屏模式。如果不声明该属性，页面获取视口区域为原始视口大小（视频播放前），例如微信中，会有一个永久的标题栏，如果不声明该属性，则高度标题栏不会给页面，在播放时会显示均匀分成两块（上下黑色块）注意：声明这个属性需要页面本身重新适配新的视口尺寸变化。可以通过监听resize事件来实现。需要监听窗口大小变化（resize）实现窗口全屏.onresize=function(){test_video.style.width=window.innerWidth+"px";test_video.style.height=window.innerHeight+"px";}注：：1.为了让视频真正全屏，可以适当让视频的显示区域大于视口区域，这样x5-video-orientation控制横竖屏功能：声明播放器支持orientation可选值：landscapelandscape，portraittportrait默认值：portrainte.g:http://res.imtt.qq.com/qqbrow...landscape竖屏跟随手机自动旋转注意：该属性仅在声明x5-video-player-type="h5"时生效。事件回调x5videoenterfullscreen进入全屏通知支持版本：TBS开始支持>=036900，QB开始支持>=7.2x5videoenterfullscreen：表示播放器进入全屏状态示例：通过JS监听事件myVideo。addEventListener("x5videoenterfullscreen",函数n(){alert("playerenterfullscreen");})x5videoexitfullscreen退出全屏通知x5videoexitfullscreen:表示播放器已经退出全屏状态。使用方法类似于x5videoenterfullscreen。使用同层播放器监听resize事件实现自适应视口大小变化的一些建议，视口大小会在播放视频时进行调整。视频播放过程中的交互。弹框和字幕在视频区内，不在视频区外。对于直播的全屏视频，最好不要在顶部放置交互元素Interactivevideo建议允许对视频区域（视频元素）进行操作。需要全屏交互的可以将视频区域设置为视口大小>同层播放器支持版本TBS微信：TBS内核>=036849然后开始支持UA例子：Mozilla/5.0(Linux;Android4.4.4;OPPOR7Build/KTU84P)AppleWebKit/537.36(KHTML,likeGecko)Version/4.0Chrome/37.0.0.0MobileMQQBrowser/6.8TBS/036849Safari/537.36MicroMessenger/6.3.27.861NetType/WIFILanguage/zh_CNTBS手机QQ：TBS内核>=036855安卓QQ浏览器：浏览器版本>=7.1UA例子：UserAgent:Mozilla/5.0(Linux;U;Android4.4.4;zhcn;OPPOR7Build/KTU84P)AppleWebKit/537.36(KHTML,likeGecko)Version/4.0Chrome/37.0.0.0MQQBrowser/7.1MobileSafari/537.36视频显示位置控制指定区域默认视频居中显示，可以通过css对象控制视频的显示位置（左上角）-position属性示例：http://res.imtt.qq.com/qqbrow...Top:myVideo.style["object-position"]="0px0px"效果图：Bottomdisplay:varoffsetY=myVideo.clientHeight-(myVideo.clientWidth*myVideo.videoHeight/myVideo.videoWidth)myVideo.style["object-position"]="0px"+offsetY+"px"效果：Q&AQ：如何安装新版tbs？A：请用微信扫描以下二维码。扫描后会自动安装，无需其他操作。Q：如果想在QQ浏览器中测试，如何安装新版QQ浏览器Q：如何测试效果，确保进入同层播放器？A：安装新tbs版本后，如果想测试效果，请杀掉微信进程，将系统时间调慢一天以上，然后进入网页播放视频。如果微信顶栏消失，你会进入一个沉浸式播放器，进入同层播放器。Q：如何查看当前tbs版本？A：在微信聊天窗口输入//gettbs并发送，查看弹出的Toast中显示的tbsCoreVersion是否等于36849，如果是，则tbs版本正确。注意：这是以后测试的基础。这个版本必须是正确的。Q：老版tbs连接同层播放器会不会有问题？A：不会影响旧版本。Q：iOS同层播放器会生效吗？A：当前同级播放器只能在安卓（包括微信）上运行，暂时不支持iOSQ：同级播放器顶部的“<”和“...”按钮可以吗被删除？A:没有Q:如何判断微信TBS是否支持同层播放器A:a)在微信和其他TBS中，通过UA判断X5内核版本，当前版本号>036849表示支持UA。示例：Mozilla/5.0（Linux；Android4.4.4；OPPOR7Build/KTU84P）AppleWebKit/537.36（KHTML，如Gecko）Version/4.0Chrome/37.0.0.0MobileMQQBrowser/6.8TBS/036849Safari/537.36MicroMessenger/6.3。27.861NetType/WIFILanguage/zh_CNb)安卓版QQ浏览器，当浏览器版本>=7.1时，支持UA。示例：UserAgent:Mozilla/5.0(Linux.U.Android4.4.4.zhcn.OPPOR7Build/KTU84P)AppleWebKit/537.36(KHTML,likeGecko)Version/4.0Chrome/37.0.0.0MQQBrowser/7.1MobileSafari/537.36
