zoukankan      html  css  js  c++  java
  • 微信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>
    

      转载自http://www.cnblogs.com/zhidong123/p/5895322.html

  • 相关阅读:
    阿里云盾证书服务助力博客装逼成功
    内容安全策略(CSP)_防御_XSS_攻击的好助手
    Spring-beans架构设计原理
    Httpclient核心架构设计
    第四章 数据类型—字典(dict)、集合(set)
    第三章 数据类型 — 列表(list)、元组(tuple)
    第三章 数据类型 — int、bool 和 str
    第二章 Python基础(二)
    pycharm快捷键
    第二章 Python基础(一)
  • 原文地址:https://www.cnblogs.com/vali/p/5971094.html
Copyright © 2011-2022 走看看