微信自动播放视频

最新推荐文章于 2023-04-02 16:06:04 发布

Vincen??

最新推荐文章于 2023-04-02 16:06:04 发布

阅读量206

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/yizhichao/blog/1584665

版权

2019独角兽企业重金招聘Python工程师标准>>>

<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>

转载于:https://my.oschina.net/yizhichao/blog/1584665