Html线插上播放视频没有音乐,html5中使用video标签播放本地视频不显示图像,只有声音,全屏没问题,求解决方案..._tokex的博客-程序员秘密

技术标签: Html线插上播放视频没有音乐  

如题。

不全屏时,无法看到图像。

目前是通过默认全屏来规避的。

代码如下

html,

body {

height: 100%;

}

.mui-content {

position: fixed;

top: 50px;

bottom: 10px;

left: 0;

right: 0;

}

video {

display: block;

margin: 0 auto;

max-width: 100%;

}

播放视频

选择

mui.init();

mui.plusReady(function() {});

var galleyVideos = function() {

plus.gallery.pick(function(pth) {

var v = document.getElementById('video');

v.src = pth;

//自动全屏

//autoFullScrenn(v);

}, function(e) {

console.log(JSON.stringify(e));

}, {

filter: 'video'

});

};

document.getElementById("btnV").addEventListener('tap', galleyVideos);

var fullscreen = function(elem) {

var prefix = 'webkit';

if (elem[prefix + 'EnterFullScreen']) {

return prefix + 'EnterFullScreen';

} else if (elem[prefix + 'RequestFullScreen']) {

return prefix + 'RequestFullScreen';

};

return false;

};

function autoFullScrenn(v) {

// var ua = navigator.userAgent.toLowerCase();

// var Android = String(ua.match(/android/i)) == "android";

// if(!Android) return;//非android系统不使用;

var video = v,

doc = document;

var fullscreenvideo = fullscreen(doc.createElement("video"));

if (!fullscreen) {

alert("不支持全屏模式");

return;

}

video.addEventListener("webkitfullscreenchange", function(e) {

if (!doc.webkitIsFullScreen) { //退出全屏暂停视频

this.pause();

};

}, false);

video.addEventListener("click", function() {

this.play();

video[fullscreenvideo]();

}, false);

video.addEventListener('ended', function() {

doc.webkitCancelFullScreen(); //播放完毕自动退出全屏

}, false);

};

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_29201933/article/details/117816204

智能推荐

[NOI2018]归程(可持久化并查集,Kruskal重构树)_weixin_30474613的博客-程序员秘密

解法一:  1.首先想到离线做法:将边和询问从大到小排序,并查集维护连通块以及每个连通块中所有点到1号点的最短距离。$O(n\log n)$  配合暴力等可以拿到75分。  2.很容易想到在线做法,使用可持久化并查集,询问时二分即可。  不能使用路径压缩,应该按秩合并,注意秩是树的深度而不是大小。$O((E+Q)\log^2 N)$  由于常数过大,基本过不去。 ...

React Fiber 数据结构揭秘_weixin_30588729的博客-程序员秘密

此章节会通过两个 demo 来展示 Stack Reconciler 以及 Fiber Reconciler 的数据结构。个人博客首先用代码表示上图节点间的关系。比如 a1 节点下有 b1、b2、b3 节点, 就可以把它们间的关系写成 a1.render = () => [b1, b2, b3];var a1 = { name: 'a1', render = () => ...

CorelDRAW X3 正方形_cdr画正方形_心语家园的博客-程序员秘密

4.2.4  正方形 正方形的建立方法与创建矩形的操作方法基本一致,读者在创建矩形的同时只需按住键盘上相应的组合键,即可绘制出正方形。具体的操作方法如下。 (1)选择 “矩形”工具,按住键盘上的<Ctrl>键不放,在绘图页面中拖动鼠标绘制正方形。 (2)参照图4-13所示,设置正方形的尺寸和位置,并设置其填充色为浅绿色,轮廓色为无。     图4-13  绘制正方形 (3)使...

@Async注解实现异步调用_花开半夏 · 流年似水的博客-程序员秘密

@Async默认异步配置使用的是SimpleAsyncTaskExecutor,该线程池默认来一个任务创建一个线程,在大量的请求的时候,这时就会不断创建大量线程,极有可能压爆服务器内存@Async的时候一定要设置线程数,以防万一OOM​ 异步调用,类似我们多年前的ajax调用,局部刷新,整体不变,当然,在java的后台的异步调用,类似于自己实现一个多线程的程序,任务开启一个线程后由它最去执行,我们其实是不能干预太多的。。​ 在实际的开发中,如果某一个方法需要异步去执行,那么我们可以在.

JDK1.8下ArrayList的自动扩容机制_xielinxiao的博客-程序员秘密

ArrayList的几个成员变量 private static final int DEFAULT_CAPACITY = 10;//数组默认初始容量 /** * 定义一个空的数组实例以供其他需要用到空数组的地方调用 */ private static final Object[] EMPTY_ELEMENTDATA = {}; ...

随便推点

# 我的第一篇博客作业_baitan1987的博客-程序员秘密

1.你对网络专业或者计算机专业了解是怎样?最初对于网络专业我脑子里的概念就是,与计算机有关,要学编程之类的,后来在知道自己将在这个专业学习后特地去网上了解了一下:首先,网络专业注重创新,我想这或许与这个专业的未来发展有关其次,这个专业非常需要英语能力最后,学习这个专业的人最终应该具备计算机网络设备、系统的研究、设计、开发、工程应用和管理维护的基本能力2.你了解c语言吗?c语言主...

centos7下安装mysql5.7.21_xuewu777777的博客-程序员秘密

安装mysql5.7.211. 安装mysql-----yum安装cd /data/rz 选择mysql5.7.21安装文件tar -zxvf mysql-5.7.21-linux-glibc2.12-x86_64.tar.gzmv mysql-5.7.21-linux-glibc2.12-x86_64 mysql增加mysql用户groupadd mysqluseradd...

2019电商生意经(三):内容化,跨界与反击_地摊内容化什么意思_anycom的博客-程序员秘密

在大数据和AI的助力下,互联网行业内,阿里、FB、京东、小红书、抖音、今日头条等出现了若干主流的全新玩法,有的是电商新玩法,有的是广告新玩法、有的是网红玩法、自媒体玩法或MCN玩法,乱像丛生,相似又不同。本文以电商为主线,梳理一下,在新技术力的加持下,全新的生意模式和互联网玩法。这些跨界玩法,套路不可直接复用,但很多还是可以融汇贯通的,何况有些已经跨界了。前序 BI . 先聊生意...

PHPExcel 各种属性操作_setactivesheetindex_不正经的程序猿的博客-程序员秘密

 // 首先创建一个新的对象  PHPExcel object$objPHPExcel = new PHPExcel(); // 设置文件的一些属性,在xls文件——>属性——>详细信息里可以看到这些值,xml表格里是没有这些值的$objPHPExcel      ->getProperties()  //获得文件属性对象,给下文提供设置资源      ->setCreat...

abaqus2016+vs2012+ivf2013子程序关联_abaqus2016关联vs和ivf_奶茶也青春的博客-程序员秘密

先安装vs2012,后安装ivf2013.安装abaqus2016在abaqus CAE图标上右键,属性-找到运行的bat文件,既C:\SIMULIA\CAE\2016\win_b64\resources\install\cae\launcher.bat cae || pause中launcher.bat。用文本修改launcher.bat文件,在最前面添加两句:@call "C:\Pro...

Python中 __init__的通俗解释___init__通俗解释_秋高工作室的博客-程序员秘密

Python中 __init__的通俗解释classPerson:def__init__(self,name,age): self.name=nameself.age=ageclass关键字后面跟类的名称就定义了一个类,类的名称可以任意,采用驼峰命名法,也即每个单词的首字母大写,如Book、Person、WildAnimal等...

推荐文章

热门文章

相关标签