安卓(android)微信里面video播放视频，会被强制全屏，播放完毕后还有腾讯推荐的视频，非常讨厌。。
强制被全屏无法解决，但是视频播放完毕后退出播放器可以解决。
方法就是视频播放完毕后，用音频audio标签播放一个短音频

  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no" name="viewport" />
  6.     <meta content="yes" name="apple-mobile-web-app-capable" />
  7.     <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  8.     <meta content="telephone=no" name="format-detection" />
  9.     <title>微信video标签全屏无法退出bug</title>
  10.     <!-- 调试用 -->
  11.     <script type="text/javascript" src="http://10.12.8.161:8081/client/#anonymous"></script>
  12. </head>
  13. <body>
  14. 安卓(android)微信里面video播放视频，会被强制全屏，播放完毕后还有腾讯推荐的广告视频，非常讨厌。。
  15. 强制被全屏无法解决，但是视频播放完毕后退出播放器可以解决。
  16. 方法就是视频播放完毕后，用音频audio标签播放一个短音频
  17. <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>
  18.  
  19. <audio preload="auto" src="http://static.beetobees.com/music-wx/msg.mp3" id="msgr"></audio>
  20. <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  21. <script type="text/javascript">
  22. var video1=document.getElementById("video1");
  23. video1.play();
  24. setTimeout(function(){
  25.     video1.pause();
  26. },800);
  27.  
  28. $("body").click(function() {
  29.     $(video1).parent().show();
  30.     video1.src = video1.src;
  31.     video1.play();
  32. });
  33.  
  34. var aud = document.getElementById("msgr");
  35. video1.addEventListener('ended', function() {
  36.     aud.play();
  37.     setTimeout(function(){
  38.         var video = $('#vv');
  39.         //video.addClass('close');
  40.         setTimeout(function(){
  41.             //video.hide();
  42.         },500);
  43.     },1000);
  44. }, false);
  45.  
  46. </script>
  47. </body>
  48. </html>

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

微信video标签全屏无法退出bug 本文系转载的更多相关文章

  1. 微信video标签全屏无法退出bug

    安卓(android)微信里面video播放视频,会被强制全屏,播放完毕后还有腾讯推荐的视频,非常讨厌..强制被全屏无法解决,但是视频播放完毕后退出播放器可以解决.方法就是视频播放完毕后,用音频aud ...

  2. 防止微信浏览器video标签全屏的问题

    在微信浏览器里面使用video标签,会自动变成全屏,改成下面就好了,起码可以在video标签之上加入其他元素. <video id="videoID" webkit-play ...

  3. video自动全屏播放

    video自动全屏播放 关于Screen.lockOrientation() https://developer.mozilla.org/en-US/docs/Web/API/Screen/lockO ...

  4. js控制全屏及退出全屏

    js控制全屏及退出全屏,网上很多代码例子,我这里需求和标准的有点出入: 1.当用户点击某按钮,触发iframe下的页面全屏. 2.不允许用户退出全屏. 解决第一点,触发全屏可以按照网上的例子,代码如下 ...

  5. div的全屏与退出全屏

    div的全屏与退出全屏 作用:将div全屏与退出全屏,一般播放器使用较多. html按钮: <button onclick="showFull();"> 全屏 < ...

  6. android开发：全屏和退出全屏

    android开发:全屏和退出全屏 from://http://blog.csdn.net/dyllove98/article/details/8831933 2013-04-21 20:31 413 ...

  7. Android学习之Android 5.0分享动画实现微信点击全屏效果

    Android5.0过渡动画,请看 http://blog.csdn.net/qq_16131393/article/details/51112772 今天用分享动画实现微信点击全屏效果 本文源代码下 ...

  8. X5内核浏览器video自动全屏解决办法-canvas

    最近在做手机端上面播放视频的项目,但是在安卓上面,video的播放是脱离页面,置于最顶层的,所以带来了很多问题,为了解决这个问题,查看了多方资料,写了下面简单的demo,方便以后使用. 下面就是运用c ...

  9. JS实现元素的全屏、退出全屏功能

     在实际开发中,我们很可能需要实现某一元素的全屏和退出全屏功能,如canvas.所幸的是,js提供了相关api用来处理这一问题,只需简单的调用requestFullScreen.exitFullScr ...

随机推荐

  1. jQuery 学习之路（4）：事件

    一.文档载入事件 二.事件绑定 三.事件对象 四.浏览器事件 五.表单事件 六.键盘事件 七.鼠标事件

  2. 用jinja做了个E-Letter小项目

    做了一个html E-Letter项目. 邮件模板采用jinja2, html 邮件内容生成简直太爽了. 整个项目开发只用了2个小时, 调试却花了大半天时间, 生成的邮件总是发不出去. 于是, 打开 ...

  3. 【转载】Unity 合理安排增量更新（热更新）

    原帖地址:由于我看到的那个网站发的这篇帖子很大可能是盗贴的,我就暂时不贴地址了.避免伤害原作者 原版写的有点乱,我个人修改整理了下. --------------------------------- ...

  4. Windows Phone自带的语音识别

    WindowsPhone下语音操作包括: 1.程序内部的语音识别,用户可以通过语音识别进行输入或完成相关任务 2.控制程序的语音命令,控制程序启动.打开,并可对页面跳转等进行操作 这篇文章将构建一个简 ...

  5. PHP的扩展类 mysqli_stmt：预处理类

    mysqli和mysqli_result能完成的功能 都可以使用mysqli_stmt类开完成 1.编译一次,使用多次,类似于存储过程 2.参数化查询,可防止sql注入 1: <?php 2: ...

  6. JAVA 如何使JScrollPane中的JTextArea自动滚动到最后一行？

    1.要使JTextArea带有滚动条,需将JTextArea对象添加到JScrollPane中. JTextArea logArea = new JTextArea(15, 35); //创建JTex ...

  7. SQLite 数据库调研

    SQLite数据库的特点(转载的): ★技术上的优点和特性 SQLite是一个轻量级.跨平台的关系型数据库.既然号称关系型数据库,支持SQL92标准中常用的玩意儿(比如视图.事务.触发器等)就是理所当 ...

  8. HDU 3911 线段树区间合并、异或取反操作

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=3911 线段树区间合并的题目,解释一下代码中声明数组的作用: m1是区间内连续1的最长长度,m0是区间内连续 ...

  9. Android应用中返回键的监听及处理

    MainActivity: package com.testnbackpressed;  import android.os.Bundle;  import android.view.KeyEvent ...

  10. php的Excel相关操作

    1.需求 把数据库的数据输出excel格式 2.解决方案 利用phpexcel中的examples的01和07,对excel文件的读写 3.操作流程 a.https://github.com/PHPO ...