免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持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开发有着很大的不同,主要表现在以下几个方面。一、硬
2024-01-10
厦门贷款app开发
厦门贷款app是一款用于提供个人或企业贷款服务的移动应用程序。用户可以通过该应用程序在线提交贷款申请,核对申请材料,查询贷款进度,以及完成贷款还款等操作。下面将详细介绍厦门贷款app的开发原理和相关技术。一、技术方案1.前端技术厦门贷款app的前端采用Re
2024-01-10
app开发制作培训机构
在当今互联网时代,移动应用程序(App)已经成为人们生活中不可或缺的一部分。越来越多的人对App开发感兴趣,并希望能够掌握相关的技能。因此,App开发制作培训机构应运而生,为想要学习App开发的人们提供了宝贵的机会。一、App开发制作培训机构的意义1. 提
2023-06-29
app开发报价单开发一个app要多少钱
开发一个APP需要多少钱取决于多种因素,包括需求规模、技术复杂度、功能要求、设计风格、开发团队规模、地区和平台等。下面将对这些因素进行详细介绍。1. 需求规模APP开发的第一个因素是开发所需的功能和页面数量。如果APP只有几个基本功能和页面,相对来说开发时
2023-06-29
app开发功能与技术方案
App应用程序越来越成为人们日常生活中的必需品,因此,App开发变得越来越受欢迎。本文将讨论App开发的一些关键功能和技术方案。1. 用户界面(UI)App的用户界面(UI)是与用户互动的主要方式,因此,一个易于使用且简单的UI设计非常重要。 UI的设计需
2023-06-29
app 混合开发
随着移动互联网的快速发展,越来越多的企业和开发者开始关注移动应用程序的开发。而其中,APP混合开发成为了一个备受瞩目的技术,它可以通过一种统一的开发模式,将原生应用和web应用相结合,实现跨平台开发和增强用户体验效果。在这篇文章中,我们将详细介绍APP混合
2023-05-06