相关疑难解决方法(0)

我已经构建了一个Web应用程序,它使用HTML5标记和JavaScript代码,使其他内容与正在运行的视频同步.它在桌面浏览器中运行良好:Firefox,Chrome和Safari.在iPhone或DroidX上,原生视频播放器会弹出并占据屏幕,从而模糊了我想要与视频同时显示的其他动态内容.

有没有办法解决？如果有必要的话,我会弄清楚如何为这两个平台编写原生应用程序,但如果我能坚持使用HTML5/JavaScript,它将为我节省大量的精力.

我目前正在开发一个包含大量视频的项目,这个项目需要在iphone上运行.

但实际上,ios的视频占位符不允许我在我的页面中滚动.我尝试在我的视频标签上应用webkit-playsinline属性,但它不起作用.

有没有办法 - 在完整的HTML5/JS中 - 来防止ios视频​​播放器的原生行为？

我注意到这个问题只出现在iphone(ios 7)上,而不是ipad上.

谢谢 !

这是我的视频标签:

<video vineresizer preload="auto" poster="{{vine.src_poster}}" loop webkit-playsinline="webkit-playsinline" controls="controls">
    <source ng-src="{{ trustSrc(vine.src_video) }}" type="video/mp4">
</video>

我的js:

var video = element[0];
video.addEventListener('contextmenu', function (e) { 
    e.preventDefault(); e.stopPropagation(); }, 
false);

if (video.hasAttribute('controls')) {
    video.removeAttribute('controls');
}