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

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启用远程调试,但在控制台中仍然没有输出.

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