iPad上的HTML5视频

概述我有一个动态的视频库，它在电脑上运行良好。当移动到iPad时，视频开始加载，并显示无法播放图标。而不是这样，我宁愿视频没有显示，直到它准备好玩。我试图为“canplaythrough”和“canplay”添加事件侦听器，当它们出现在视频中以淡入淡出时播放。 iPad不支持这些事件吗？ new_video = document.createElement('video');new_video.se 我有一个动态的视频库，它在电脑上运行良好。当移动到iPad时，视频开始加载，并显示无法播放图标。而不是这样，我宁愿视频没有显示，直到它准备好玩。我试图为“canplaythrough”和“canplay”添加事件侦听器，当它们出现在视频中以淡入淡出时播放。 iPad不支持这些事件吗？

new_vIDeo = document.createElement('vIDeo');new_vIDeo.setAttribute('class','none');new_vIDeo.setAttribute('wIDth','568');new_vIDeo.setAttribute('height','269');new_vIDeo.setAttribute('ID','vIDeo'+vIDeo_num);current_vIDeo.insertBefore(new_vIDeo,vIDeo_controls);new_vIDeo.load();new_vIDeo.addEventListener('canplaythrough',function() {     $('#vIDeo'+vIDeo_num').fadeIn(100);     new_vIDeo.play();});@H_301_12@解决方法 解决这个视觉问题的方法是隐藏视频元素，直到它准备播放。请注意，您无法设置显示：无(视频不会加载，如果你这样做)和可见性：隐藏也不会解决问题。  
  
要修复它，将视频元素包含在具有overflow的div中：hIDden和set -webkit-transform：translateX(1024px)(足够高的数字以将视频推送到屏幕外)。
  
比你要听Canplay或canplaythrough或加载事件(根据你的需要)，然后将translateX设置为零。
                            	          总结       
以上是内存溢出为你收集整理的iPad上的HTML5视频全部内容，希望文章能够帮你解决iPad上的HTML5视频所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
原文地址:https://54852.com/web/1086580.html