我当前项目的一部分涉及通过

HTML5的原生视频标签加载外部视频,然后使用

Javascript调整它们的大小以达到全高度& DOM的宽度.

我的代码似乎在桌面浏览器上完美运行,但是当我在ipad上加载项目时,视频不会调整大小,因为onloadedmetadata事件永远不会被触发.

这是一个重现问题的小代码示例:

function init() {

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

video.addEventListener('loadedmetadata', function(e){

var dimensions = [video.videoWidth, video.videoHeight];

alert(dimensions);

});

}

document.addEventListener("DOMContentLoaded", init, false);

我甚至尝试使用jQuery编写解决方案,但事件可能触发的可能性很小,但事实并非如此.

$('#viddy').on('loadedmetadata', function() {

alert('test');

});

我甚至通过我的ipad上的safari启用远程调试,但在控制台中仍然没有输出.

这有什么变通方法吗?我在网络/文档中找不到这方面的很多信息.

html在ios上不执行js,Javascript onloadedmetadata事件未在iOS设备上触发相关推荐

  1. 原生JS javascript解除绑定事件 JS删除绑定事件

    原生JS javascript解除绑定事件 JS删除绑定事件 一.直接删除法 1.适用于直接绑定的事件,如: <h1 id="h1" onclick="_click ...

  2. c 后台代码调用ajax,.NET Selenium WebDriver操作调用浏览器后台执行Js(JavaScript)代码...

    1.Selenium WebDriver安装引用 注意:要用使用的浏览器肯定要装,并且Selenium.Chrome.WebDriver版本要和浏览器版一致. 如果要操作其它浏览器,则安装对应其它浏览 ...

  3. js点击事件在苹果ios端失效的解决方法

    原因 苹果浏览器禁止了手指误点功能 解决 必须解除这一功能,或者给点击事件指引某个元素上绑定了事件. 例如: div{ cursor: pointer; }

  4. js 检查当前浏览器是否在苹果设备上

    const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform); console.log(isAppleDevice);

  5. ua获取手机型号_取证人员为什么很难从移动设备上获取电子数据证据?

    "法拉第袋" 英文名为Faraday bag 移动设备是动态系统,在提取和分析电子数据证据时会给取证人员带来很多挑战.来自不同制造商的不同型号的手机的数量的快速增加使得难以开发用于 ...

  6. html js按钮事件监听,JS监听事件

    对象 - JS监听事件 ¶ 作者:KK 发表日期:2016.2.21 在准备讲解后面的window对象之前,这里将话题转回来事件这里 平时咱们在一个元素里加个onclick属性,属性值写JS代码,这样 ...

  7. 边缘设备上的实时AI人员检测:在Raspberry Pi上测试SSD模型

    下载数据-19.3 MB 下载模型-43.5 MB 下载结果-36.66 MB 在本系列的上一篇文章中,我们已经在Raspberry Pi设备上启动了人体检测软件.在这一本文中,我们将比较Raspbe ...

  8. Unity开发Hololens2—环境配置和官方案例发布并部署到设备上

    一.前言 我使用的Unity2018.4.26f1+Hololens2+VS2019设备其实大部分的环境配置的问题和发布官方已经给出了详细的说明,首先是安装工具,然后是.初始化项目并部署第一个应用程序 ...

  9. iPhone开发入门(10)— 设备上运行程序

    博主:易飞扬 原文链接 : http://www.yifeiyang.net/introduction-to-iphone-development-10-devices-running-the-pro ...

  10. html5 自动失去焦点,JavaScript onblur 事件:页面元素失去焦点

    JavaScript onblur 事件 页面元素失去焦点时会触发 onblur 事件. 下面的例子验证用户输入的内容是否符合要求的11位手机号码: function checkMobile(inpu ...

最新文章

  1. leetcode:Search in Rotated Sorted Array
  2. MySQL面试题 | 附答案解析(十八)
  3. “CTO嫌弃我读书太少!” 假期里如何更高效的阅读?老K的3张专辑文章,读个痛快!...
  4. 记一次Redis和NetMQ的测试
  5. 图文详解asp.net自带控件
  6. JS获取当前日期时间并定时刷新
  7. 如何在Win Server 2008R2环境下,把域帐户加到本地管理员组??
  8. [原创]FineUI秘密花园(二十七) — 窗体控件概述(上)
  9. [转]maven与java命名规则
  10. ACM Fellow发文抨击【同行评审】作弊轻松中顶会
  11. java 动态代理范例 InvocationHandler与Proxy
  12. 以数据为中心的存储观
  13. FlowDocumentPageViewer
  14. 港府多措施推广使用电动车 放宽条件吸引车主换车
  15. Python机器学习算法基础概述
  16. [CLI应用学习]实践使用GitHub CLI
  17. 华东理工大学pk华东师范大学计算机专业,华东理工大学朱为宏教授和华东师范大学杨海波教授合作在光控手性金属配位自组装体系的研究中取得突破性进展...
  18. [eNSP]→静态路由、负载分担、备用链路
  19. 360老总给新入职的员工演讲
  20. max3232ese_供销电子MAX3232ESE+T【全渠道分销系统】

热门文章

  1. HAL定时器库函数和定时器的解析
  2. ios下input框 数字键盘问题
  3. Codeforces Round #469 (Div. 1 A-E)
  4. 剑芒罗曼史2解图片程序
  5. 走出NASA,向大地“下战书”,他要用卫星遥感数据改变中国农业
  6. C++ CEF3加载高清图片崩溃
  7. TCP三次握手(详解)
  8. 华为手机html乱码,华为手机语言设置中文
  9. 数据库系统(DBS)组成
  10. Innodb中的事务隔离级别和锁的关系