温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-09-23 25 次阅读

"APP接入视立方播放器,如何在全屏播放时保持屏幕方向不变?"

在使用视立方播放器时,可以轻松地实现全屏播放,并保持当前屏幕方向不变。这是通过将视立方的播放器嵌入到您的APP中,并在其中使用它的API实现的。
视立方的播放器具有许多优点,其中包括流畅的视频播放、高质量的音频、以及易于使用的界面。除此之外,它还支持多种视频格式,包括MP4、AVI等,并可以轻松地与您的APP集成。
在使用视立方的播放器时,您可以轻松地实现全屏播放,并保持当前屏幕方向不变。这是因为视立方的播放器会自动检测您的设备的屏幕方向,并在需要时进行调整。这代表着,无论您在观看视频时如何旋转设备,视频都将以正确的方向显示。
总的来说,将视立方的播放器嵌入到您的APP中是一个非常简单且易于使用的选项。您可以轻松地实现全屏播放,并保持当前屏幕方向不变,为您的用户提供更好的观看体验。

play 全屏播放保持当前屏幕方向不变 APP接入视立方播放器

用做网页的技术做APP
名翠软件提供标准化的jsbridge-mini.js库,您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。
==================APP端==================
【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.mingcui.cn/doc/demo.cshtml下载教程
♦ JS-SDK 引用方法
♦ 普通网页 script 方法加载下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方法引用npm install ym-jsbridge 具体请参考 npm package
名翠软件开发平台通用JS

核心代码示例,详情参阅demo

//保持当前屏幕方向(不强制横屏)keepOrientation: true
//请参考 全屏播放方法一 的参数说明
jsBridge.txVideo.play({
 url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play,video/fcb8827219c07153131eff228583e5a1,H.264,1280X720,HEAACV1,1500.mp4',
 title : '保持当前屏幕方向',
 qualityName: '超清',
 keepOrientation: true,
 loop : true
});

A标签执行JS示例代码

<a href=javascript:void(0) onclick=zhixing()>执行</a> 
<!-- 写入一个A标签href值为javascript:void(0),定义点击事件onclick;-->
<script src=您的服务器URL/jsbridge-mini.js></script>
<!-- 在您的服务器引入JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type=text/javascript>
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//保持当前屏幕方向(不强制横屏)keepOrientation: true
//请参考 全屏播放方法一 的参数说明
jsBridge.txVideo.play({
 url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play,video/fcb8827219c07153131eff228583e5a1,H.264,1280X720,HEAACV1,1500.mp4',
 title : '保持当前屏幕方向',
 qualityName: '超清',
 keepOrientation: true,
 loop : true
});}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick=zhixing() >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src=您的服务器URL/jsbridge-mini.js></script>
<!-- //在您的服务器引入JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type=text/javascript>
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//保持当前屏幕方向(不强制横屏)keepOrientation: true
//请参考 全屏播放方法一 的参数说明
jsBridge.txVideo.play({
 url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play,video/fcb8827219c07153131eff228583e5a1,H.264,1280X720,HEAACV1,1500.mp4',
 title : '保持当前屏幕方向',
 qualityName: '超清',
 keepOrientation: true,
 loop : true
});}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->