微信video標簽全屏無法退出bug


安卓(android)微信里面video播放視頻,會被強制全屏,播放完畢后還有騰訊推薦的視頻,非常討厭。。
強制被全屏無法解決,但是視頻播放完畢后退出播放器可以解決。
方法就是視頻播放完畢后,用音頻audio標簽播放一個短音頻

 

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>微信video標簽全屏無法退出bug</title>
    <!-- 調試用 -->
    <script type="text/javascript" src="http://10.12.8.161:8081/client/#anonymous"></script>
</head>
<body>
安卓(android)微信里面video播放視頻,會被強制全屏,播放完畢后還有騰訊推薦的廣告視頻,非常討厭。。
強制被全屏無法解決,但是視頻播放完畢后退出播放器可以解決。
方法就是視頻播放完畢后,用音頻audio標簽播放一個短音頻
<div id="vv"  ><video width="640" height="320" class="video1" id='video1' x-webkit-airplay="true" webkit-playsinline="true" preload="auto" src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4"></video><div id="second"></div></div>

<audio preload="auto" src="http://static.beetobees.com/music-wx/msg.mp3" id="msgr"></audio>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var video1=document.getElementById("video1");
video1.play();
setTimeout(function(){
    video1.pause();
},800);

$("body").click(function() {
    $(video1).parent().show();
    video1.src = video1.src;
    video1.play();
});

var aud = document.getElementById("msgr");
video1.addEventListener('ended', function() {
    aud.play();
    setTimeout(function(){
        var video = $('#vv');
        //video.addClass('close');
        setTimeout(function(){
            //video.hide();
        },500);
    },1000);
}, false);

</script>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM