ios中video标签遇到的问题

news/2024/7/20 23:11:17 标签: ios, objective-c, xcode

1. video标签部分ios打开后视频无法点击 没有能点的那个播放按钮 直接是一个静态的视频框。

2. 视频点击后全屏播放。要在标签行播放不要全屏。

3. 还有一个就是自动播放的问题。。。。。。

4.时间戳最后和安卓的不一样,是倒数

解决1:

 给video标签添加视频控件属性 controls然后ios的视频控件出现变得可以点击 但是想要看视频得点击播放,而且还是全屏的播放。好的进行下一个问题。

解决2:

还是video的属性 添加  webkit-playsinline="true" 这个属性 主要是针对ios ,但是这里呢还有一个兼容ios版本的问题 现在这个只是ios9 往后的ios11等得再写一遍 playsinline="true" 语法的问题 。这样就可以解决播放时全屏的问题

解决3:

   因为咱们这个是微信的链接,需要在微信上点开进入它的浏览器 这里得需要一个插件

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>

 

这个是 微信JS-SDK  一个用于微信浏览器上的插件 上面是在线引入的

然后我们以 id 为 video_one 的 video 标签来写的

document.addEventListener("WeixinJSBridgeReady",function() { 
	document.getElementById('vido_one').play(); 
}, false);

上面代码说的是对微信准备就绪时的一个内置API进行监听 来触发事件

让这个video标签进行play()播放。

解决4:

videojs默认就是时间是倒数的,并不是所谓的负数,如果你想要使用正常播放器的话
`
<style type="text/css">

.video-js .vjs-time-control{display:block;}
.video-js .vjs-remaining-time{display: none;}
</style>

(暂时行不通 还不知道别的办法)

 


http://www.niftyadmin.cn/n/90253.html

相关文章

消费升级趋势下,平台如何在广告电商模式中攫取新流量

如今电商平台飞速发展&#xff0c;越来越多的人加入电商运营的行列&#xff0c;同行竞争逐渐变得激烈起来&#xff0c;为了能够让平台有更多的展现机会&#xff0c;提升平台的商品转化率&#xff0c;大家都很重视平台的优化&#xff0c;因为一个好的平台可以给自身带来更多的流…

数组类模板

要求&#xff1a;设计一个数组模板类&#xff08;MyArray&#xff09;&#xff0c;完成对不同类型元素的管理操作步骤设计头文件在 qtcreate下先创建03_code的项目&#xff0c;然后右键点击03_code添加新文件&#xff0c;点击头文件&#xff0c;点击Choose命名为 myarry.hpp&am…

学习Flask之八、用户授权

学习Flask之八、用户授权 大部分的应用都要跟踪它的用户是谁。当用户连接应用时&#xff0c;通常需要通过应用授权&#xff0c;这是一个身份识别的过程。一旦应用知道用户是谁&#xff0c;就可以提供定制化的体验。授权最常见的方法是用户提供标识&#xff08;Email或用户名&am…

2023-02-22干活小计

复现BERT&#xff1a; 只能说爷今天干了一上午一下午的代码 bert的输入&#xff1a; batch_size * max_len * emb_num 768 * 768 bert的输出&#xff1a;三维字符级别特征(NER可能就更适合) 二维篇章级别特征(比如文本分类可能就更适合) batch_size * max_len * emb_num, ba…

leetcode重点题目分类别记录(一)数据结构类

算法题分类别记录数组排序归并排序合并两有序数组归并排序快速排序荷兰旗问题快速排序堆排序基数排序滑动窗口/双指针N数之和四数相加链表环形链表重排链表LRU缓存栈与队列栈实现队列/队列实现栈最小栈/最小队列单调队列单调栈哈希表字符串字符串处理字符串匹配KMP子串二叉树二…

CIMCAI super unmanned intelligent gate container damage detect

世界港航人工智能领军者企业CIMCAI中集飞瞳打造全球最先进超级智能闸口无人闸口ceaspectusG™视频流动态感知集装箱箱况残损检测箱况残损识别率99%以上&#xff0c;箱信息识别率99.95%以上World port shipping AI leader CIMCAIThe worlds most advanced super intelligent gat…

【Redis】网络模型:Redis的IO多路复用

【Redis】网络模型&#xff1a;Redis的IO多路复用 文章目录【Redis】网络模型&#xff1a;Redis的IO多路复用一、用户空间和内核态空间二、IO模型1、阻塞IO2、非阻塞IO3、IO多路复用4、异步IO5、信号驱动IO六、对比三、IO多路复用1、IO多路复用-select方式2、IO多路复用模型-po…

Tomcat源码分析-spring boot集成tomcat

spring boot 支持目前主流的 servlet 容器&#xff0c;包括 tomcat、jetty、undertow&#xff0c;可以在我们的项目中方便地集成这些 servlet 容器&#xff0c;减少了开发、运维的工作量。而传统的应用开发&#xff0c;需要经过繁锁的操作步骤&#xff1a;安装 tomcat –> 修…