您的位置：首页 > 移动开发 > 微信开发

微信自动播放视频

2017-12-04 00:00 375 查看

<script type="text/javascript">
document.addEventListener("WeixinJSBridgeReady",function(){
//alert('Weixin');
var player = $('#player')[0];
player.play();
},false);
</script>

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>融育帮</title>
<meta name="keywords" content="手机看课堂,手机看课堂教育服务,家校互动" />
<meta name="description" content="手机看课堂,手机看课堂教育服务,家校互动" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="format-detection" content="adress=no" />
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<style>
.mainContainer {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.centeredVideo {
display: block;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
}

.controls {
display: block;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
margin-bottom: 10px;
}

.logcatBox {
border-color: #CCCCCC;
font-size: 11px;
font-family: Menlo, Consolas, monospace;
display: block;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
}
</style>
</head>

<body style="margin: 0px;">

<div class="mainContainer">
<video name="videoElement" class="centeredVideo" controls autoplay width="1024" height="576">
Your browser is too old which doesn't support HTML5 video.
</video>
</div>

<script src="./js/jbase64.js"></script>
<script src="./js/flv.js"></script>
<script>
/*
* 利用正则表达式截取url参数
* 调用方法：GetQueryString("参数名")
*/
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}

function flv_load() {
var base64Str = GetQueryString("id");
var unicode= BASE64.decoder(base64Str);//返回会解码后的unicode码数组。
//console.log(unicode);
//可由下面的代码编码为string

var result = '';
for(var i = 0 , len =  unicode.length ; i < len ;++i){
result += String.fromCharCode(unicode[i]);
}

//console.log("result=" + result);
var mediaDataSource = {
"type": "mp4",
"url": result
};

var element = document.getElementsByName('videoElement')[0];
if (typeof player !== "undefined") {
if (player != null) {
player.unload();
player.detachMediaElement();
player.destroy();
player = null;
}
}
player = flvjs.createPlayer(mediaDataSource, {
enableWorker: false,
lazyLoadMaxDuration: 3 * 60,
seekType: 'range',
});
player.attachMediaElement(element);
player.load();
player.play();
}

//微信自动播放
document.addEventListener("WeixinJSBridgeReady",function(){
player.play();
},false);

document.addEventListener('DOMContentLoaded', function () {
flv_load();
});
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航