我使用了videojs,它可以在所有浏览器(包括IE)和Android上正常工作。 但它不是在iOS设备上工作(iphone和ipad IOS版本6)。 这里是我用来将video添加到页面的代码。 <video id="video1" class="video-js vjs-default-skin" width="276" height="153" controls="" preload="auto" data-setup="{}"> <source src=myvideo.mp4 type="video/m4v" > </video> 我花了很多年,找不到任何解决办法。 我使用video.js版本3.2.0并永远获得加载微调。 我尝试使用版本4,只是黑屏出现。 请任何帮助。
我有一个用PhoneGap / Cordova编写的应用程序(1.8.1,直到我敢升级到2.3.0)在iOS和Blackberry上运行。 当我尝试启动video播放时,应用程序会切换到video播放器(我们使用JQuery和JQuery Mobile)的video“页面”div,并设置目标video的URL。 播放器的目的是播放以前下载到本地文件系统的文件,但目前甚至不会播放来自networking的文件。 我已经为video播放器上的所有事件添加了监听器,我可以看到一个“loadstart”事件,然后什么都没有。 初始化如下: HTML: <video id="video_player" class="video-js vjs-default-skin noscroll" controls preload="none"> JavaScript – 初始化: var DEFAULT_OPTIONS = { controls: true, autoplay: false, preload: "none", loop: false }; var videoPlayer = null; try { videoPlayer = _V_("video_player", DEFAULT_OPTIONS, function() { log("Video ready"); }); } catch (error) { dumpError("Problem with initialisation", error); […]
首先,我解释我的要求: 我有一个虚拟元素来触发video – > <div id="dummyElement"></div> 当用户点击/点击虚拟元素时,VideoJS必须被初始化,然后必须在大多数平台上播放媒体。 那么,我的问题是当我使用Require.js库时,在IOS上处理这个问题。 这个问题迫使用户做两个恼人的点击/点击查看video。 我已经从一个简单的例子,例如requirejs和jQuery的承诺做了一些例子。 1- http://aitoraznar.com/lab/videojs/plain.html使用HTML5video标签的简单示例 2- http://aitoraznar.com/lab/videojs/complex.html使用require.js和jQuery promise的示例 3 http://aitoraznar.com/lab/videojs/videojs.html使用VideoJS的示例 4 http://aitoraznar.com/lab/videojs/videojsComplex.html使用VideoJS和require.js和jQuery promise的示例 我可以在以下设备中重现预期的行为: 三星Galaxy Tab(GT-P6200)Android 3.2 – 原生浏览器 三星Galaxy Tab 2 Android 4.4 – 本机浏览器 LG Nexus 5 Android 5.0 – Chrome浏览器 黑莓Z10(STL100-2) – 本机浏览器 检测到的设备不起作用(主IOS): iPad Mini 2(A1489) – IOS 8.1.2 – Safari浏览器 iPhone 4(A1332) – […]