iPad上的HTML5视频?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (112)

我有一个动态的视频,它在电脑上效果很好。移动到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();
});
提问于
用户回答回答于

在iPad上,它不会加载视频,直到用户启动一个事件,这是苹果的设计,以防止iPhone或iPad用户烧毁他们的数据计划。所以你不能做你想要的事情。

用户回答回答于

隐藏视频元素,直到它准备播放为止。请注意,你不能设置display:none(如果你这样做,视频不会加载)visibility:hidden也解决不了这个问题。

若要修复它,将视频元素封装在dIV上。overflow:hidden并设定为-webkit-transform:translateX(1024px)(一个足够高的数字)。

所属标签

可能回答问题的人

  • 嗨喽你好

    7 粉丝480 提问8 回答
  • uncle_light

    5 粉丝518 提问6 回答
  • 人生的旅途

    10 粉丝484 提问6 回答
  • 富有想象力的人

    3 粉丝0 提问6 回答

扫码关注云+社区

领取腾讯云代金券