步骤
-
在
manifest.json
的 “APP模块配置”中勾选“VideoPlayer(视频播放)”选项,重新编译APP; -
创建一个页面,代码如下
<template> <view></view> </template> <script> export default { mounted() { let pages = getCurrentPages() let page = pages[pages.length-1] let currentWebview = page.$getAppWebview() let player = new plus.video.VideoPlayer('video-player', { src: 'rtmp://aaa.xxx.com/home/mystream', top: '0px', left: '0px', width:'100%', height: '200px', position:'static' }) currentWebview.append(player) player.play() }, } </script>
-
访问此页面,视频可以自动播放
注意事项
src: 'rtmp://aaa.xxx.com/home/mystream'
可以在网上搜索一些测试的rtmp地址, 然使用 VLC media player的 “打开网络串流”来测试此地址是否可以正常播放。- 确保网络畅通。
- 以上代码只是基本使用方式(确保能正常播放),更复杂的使用请参考plus.video的相关文档 https://www.html5plus.org/doc/zh_cn/video.html