免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持APP、电脑端、小程序、IOS免签等等

play 全屏播放 方式1:URL 链接 APP开发接入视立方播放器

play 全屏播放 方式1:URL 链接 APP开发接入视立方播放器

用做网页的技术做APP
一门提供标准化的jsbridge-mini.js库,您只需要在页面引用执行JS即可实现各种原生APP、原生PC的功能能力。

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

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

//方式1:URL 链接
jsBridge.txVideo.play({
 url : 'http://player.alicdn.com/video/editor.mp4',
 title : '方式1:URL 链接',
 //数字,播放方式
 //0 自动播放
 //1 手动播放
 //2 预加载
 playAction : 0,
 //字符串,封面图片链接
 coverPictureUrl: "",
 //json 对象,动态水印
 water: {
 //字符串,水印文字
 text: "",
 //文字大小
 size: 30,
 //文字颜色
 color: "#80FFFFFF"
 },
 cutout: false,
 keepOrientation: false,
 loop: true
});

/*
参数说明
{
 url : '', //必须,字符串类型,视频链接
 title : '', //可选,字符串类型,视频名称,显示在 UI 上
 qualityName : '', //可选,字符串类型,码率名称(如 标清/高清/超清/1080P/4K 等)
 playAction : 0, //可选,数字类型,播放方式
 coverPictureUrl : "", //可选,字符串类型,封面图片链接
 water : //可选,json 类型,动态水印
 cutout : '', //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(视频会占用刘海区域)
 keepOrientation : false //可选,布尔类型,是否保持当前屏幕方向(true 保持当前屏幕方向不变,false 切换为横屏),默认 false
 loop : false //可选,布尔类型,是否循环播放,默认 false
}

以下 方式2、方式3 均支持 keepOrientation 和 loop 参数
*/

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核心代码到此{}括号内-->
//方式1:URL 链接
jsBridge.txVideo.play({
 url : 'http://player.alicdn.com/video/editor.mp4',
 title : '方式1:URL 链接',
 //数字,播放方式
 //0 自动播放
 //1 手动播放
 //2 预加载
 playAction : 0,
 //字符串,封面图片链接
 coverPictureUrl: "",
 //json 对象,动态水印
 water: {
 //字符串,水印文字
 text: "",
 //文字大小
 size: 30,
 //文字颜色
 color: "#80FFFFFF"
 },
 cutout: false,
 keepOrientation: false,
 loop: true
});

/*
参数说明
{
 url : '', //必须,字符串类型,视频链接
 title : '', //可选,字符串类型,视频名称,显示在 UI 上
 qualityName : '', //可选,字符串类型,码率名称(如 标清/高清/超清/1080P/4K 等)
 playAction : 0, //可选,数字类型,播放方式
 coverPictureUrl : "", //可选,字符串类型,封面图片链接
 water : //可选,json 类型,动态水印
 cutout : '', //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(视频会占用刘海区域)
 keepOrientation : false //可选,布尔类型,是否保持当前屏幕方向(true 保持当前屏幕方向不变,false 切换为横屏),默认 false
 loop : false //可选,布尔类型,是否循环播放,默认 false
}

以下 方式2、方式3 均支持 keepOrientation 和 loop 参数
*/

}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type="text/javascript">
function zhixing() {


<!--这里可以直接复制JS核心代码到此{}括号内-->
//方式1:URL 链接
jsBridge.txVideo.play({
 url : 'http://player.alicdn.com/video/editor.mp4',
 title : '方式1:URL 链接',
 //数字,播放方式
 //0 自动播放
 //1 手动播放
 //2 预加载
 playAction : 0,
 //字符串,封面图片链接
 coverPictureUrl: "",
 //json 对象,动态水印
 water: {
 //字符串,水印文字
 text: "",
 //文字大小
 size: 30,
 //文字颜色
 color: "#80FFFFFF"
 },
 cutout: false,
 keepOrientation: false,
 loop: true
});

/*
参数说明
{
 url : '', //必须,字符串类型,视频链接
 title : '', //可选,字符串类型,视频名称,显示在 UI 上
 qualityName : '', //可选,字符串类型,码率名称(如 标清/高清/超清/1080P/4K 等)
 playAction : 0, //可选,数字类型,播放方式
 coverPictureUrl : "", //可选,字符串类型,封面图片链接
 water : //可选,json 类型,动态水印
 cutout : '', //可选,布尔类型,是否保留刘海(凹凸屏)区域,默认 false 即不保留(视频会占用刘海区域)
 keepOrientation : false //可选,布尔类型,是否保持当前屏幕方向(true 保持当前屏幕方向不变,false 切换为横屏),默认 false
 loop : false //可选,布尔类型,是否循环播放,默认 false
}

以下 方式2、方式3 均支持 keepOrientation 和 loop 参数
*/

}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->

相关知识:
如何进行安卓app开发
安卓app开发是指在安卓操作系统上开发应用程序。安卓操作系统是目前市场上占有率最高的智能手机操作系统,因此安卓app开发是非常有前途的。本文将介绍安卓app开发的原理和详细步骤。一、安卓app开发原理安卓app是基于Java语言和安卓SDK开发的,它们是实
2024-01-10
linux开发app语言
在Linux系统上开发应用程序时,可以选择多种编程语言来实现。下面将为您介绍几种常用的开发语言及其特点。1. C语言:C语言是一种高级程序设计语言,它被广泛用于开发系统软件和应用程序。在Linux上,C语言是最常用的开发语言之一,因为它可以直接操作底层系统
2023-07-14
app项目开发面临的问题有哪些
在开发一个APP项目时,会面临一些常见的问题。这些问题可以分为技术和非技术两类。下面我将详细介绍一些常见的问题。1. 需求分析:在开发APP项目之前,必须先了解用户的需求并进行详细的需求分析。这包括确定功能列表、用户界面设计和交互流程等,以确保开发出符合用
2023-07-14
app开发者长时间未更新怎么办
当你使用某个应用程序时,如果发现开发者长时间未更新应用程序,可能会引发一些担忧和疑问。本文将解释为什么开发者长时间未更新应用程序,并提供一些解决方法。首先,我们需要了解为什么开发者会长时间未更新应用程序。有几个可能的原因:1. 优化和改进:开发者可能正在对
2023-06-29
app开发火星文
App开发火星文,简单来说,就是将中文字符转换成火星文字符的过程。在某些场景下,比如游戏界面、社交聊天等领域,使用火星文可以增加用户的趣味性和交流效果,以及保护信息不被轻易识别和盗取。下面将介绍一些常见的火星文实现方式。1. 字符替换字符替换是最基本的火星
2023-06-29
app开发定制为什么那么贵
App开发定制是指根据客户需求定制开发的移动应用程序。这种类型的应用程序需要经过完整的设计、开发、测试和交付流程,需要专业的开发人员和相应的技术支持。因此,App开发定制总体上较为昂贵。以下是详细介绍为什么App开发定制那么贵的原因:1. 多平台适配由于使
2023-06-29