Articles of html5 video

全屏时,HTML 5video崩溃

我目前正在使用屏幕方向肖像的应用程序,我有HTML 5video需要全屏支持。 我添加到webview一个WebChromeClient,重写了几个方法。 一切都工作正常,当我坚持肖像的方向,但是当我尝试切换方向风景去全屏时,我得到了一个崩溃。 任何线索? 覆盖的方法: public void onShowCustomView(View view, CustomViewCallback callback) { super.onShowCustomView(view, callback); if (mCustomViewContainer != null) { callback.onCustomViewHidden(); return; } if(interfazWeb==null) interfazWeb = (FragTabActivity) getActivity(); if (view instanceof FrameLayout) { mCustomViewContainer = (FrameLayout) view; mCustomViewCallback = callback; interfazWeb.getCustomContentView().setVisibility(View.INVISIBLE); interfazWeb.addContentView(mCustomViewContainer, new FrameLayout.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT, Gravity.CENTER)); interfazWeb.setBackDelegate(new BackDelegate(){ public boolean shouldOverrideBackButton() { if(mCustomViewCallback!=null){//first calling onHideCustomView() […]

Android 2.1的浏览器支持HTML 5和什么video格式播放?

我工作的公司制作了大量的video,我们希望尽可能多地使用各种设备,但问题出在Android上面呢? 我个人拥有一个基于Android的手机运行2.1,但我似乎无法得到的HTML 5标签工作。 即使当我可以触发浏览器播放video时,它只是抛出一个通知错误,它不能。 是否有制作Android / HTML 5兼容video的指南? 它真的被支持吗?

Android的HTML5video – 点击播放,但不video.play()

我明白,android上的html5video不能自动播放。 只有当用户点击播放button时,我的video才能在设备上播放。 <video width="640px" height="360px" src="media/video/Moments_of_Everyday_Life.mp4" controls id="video"></video> <script type="text/javascript"> $(function(){ var video = document.getElementById('video'); video.play(); }); </script> 为什么这不起作用? 点击播放和使用.play()这种方法之间有什么区别? UPDATE 这对我的dekstop工作,只是不在android设备上。

Android(三星S4)HTML5video暂停

我正在使用Android Webview播放html5video,包括Youtubevideo(我自己的标签和Youtubeembedded式iFrame)。 我遇到了三星Galaxy S4的问题,在以下情况: 播放video。 在播放video的同时/之后按“返回”(视图closures) 再次打开视图,然后按“播放”。 video开始播放并立即暂停。 从这一刻起,每一个我将尝试播放的video都会发生同样的情况。 我在一个testing环境中使用了两种WebView:“常规”Android Webview和HTML5 webview 我看到的唯一的“可疑”事情是按“后退”(Android错误)时出现错误: sendUserActionEvent() mView == null 这是一个银河S4的问题? Android的问题? 任何想法? tnx,Yaniv

HTML5video控件在Android设备上以全屏模式消失

我正在开发一个跨平台的应用程序,使用带angular形材料前端的cordova。 我使用md卡列表中的HTML5video标签来播放外部url的video。 内联video播放正确后,按预期方式显示本机控件。 <video class="project-video" video-directive item="$ctrl.project" ng-src="{{$ctrl.project.videoUrl | trustUrl}}" preload="auto" controls poster="{{$ctrl.project.video.thumbnail_url}}"> Your browser does not support the video tag. </video> 但是,当我点击“切换全屏”button的video确实进入全屏,但默认控制消失。 在这之后,我无法回到应用程序 – 原生的android后退button并没有closures整个屏幕 – 而是closures了整个应用程序。 我正在寻找的解决scheme将使控件始终以全屏模式显示; 这在iOS上运行相同的代码的框。 因此,我不想花时间开发我自己的自定义video控件只是为了Android,如果我能帮助它! 所以请不要发布有关如何做的答案(大量已经在SO和其他地方可用)。 我正在使用一个魅族M2注意Android设备。 谢谢! 编辑: 控件仍然存在,但在CSS中的阴影DOM树中显示大小为0 x 0px。 即使我使用!important标志在chrome开发工具中改变它们的大小,它们也不会显示出来。 有任何想法吗?

如何禁用与web视图中的html5video交互或正确捕捉他们的exception?

我有webview的应用程序,我使用ACRA 。 我收到来自用户的崩溃报告,其中包含与HTML5Video互动造成的错误。 错误1: "java.lang.NullPointerException at android.webkit.HTML5VideoViewProxy$VideoPlayer.exitFullScreenVideo(HTML5VideoViewProxy.java:180) at android.webkit.HTML5VideoViewProxy.exitFullScreenVideo(HTML5VideoViewProxy.java:770) at android.webkit.WebViewClassic$PrivateHandler.handleMessage(WebViewClassic.java:7422) at android.os.Handler.dispatchMessage(Handler.java:99) at android.os.Looper.loop(Looper.java:137) at android.app.ActivityThread.main(ActivityThread.java:5039) at java.lang.reflect.Method.invokeNative(Native Method) at java.lang.reflect.Method.invoke(Method.java:511) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:793) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:560) at dalvik.system.NativeStart.main(Native Method)" 错误2: "java.lang.NullPointerException at android.webkit.HTML5VideoFullscreen.switchProgressView(HTML5VideoFullscreen.java:455) at android.webkit.HTML5VideoView.enterFullscreenVideoState(HTML5VideoView.java:546) at android.webkit.HTML5VideoViewProxy$VideoPlayer.enterFullscreenVideo(HTML5VideoViewProxy.java:182) at android.webkit.HTML5VideoViewProxy.handleMessage(HTML5VideoViewProxy.java:479) at android.os.Handler.dispatchMessage(Handler.java:99) at android.os.Looper.loop(Looper.java:155) at android.app.ActivityThread.main(ActivityThread.java:5485) at java.lang.reflect.Method.invokeNative(Native Method) at java.lang.reflect.Method.invoke(Method.java:511) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1028) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:795) at […]

Android 4上的html5video:播放全屏,然后redirect到另一个网页 – 不工作

我正在为Android 4智能手机devise一个html5页面,并带有一个3gpp(或mp4)video,在打开时需要全屏自动播放; 当video结束时应redirect到另一个url。 一些Google使用者告诉我,Android 4不再允许自动播放,所以我select显示一个海报图片,用户必须点击才能开始播放video。 然后: 全屏模式被调用 video应该自动启动(确实由用户点击海报图片开始) 当video完成播放Android应该退出全屏 最后将用户redirect到其他页面。 2和3不工作:调用全屏后,用户做了另一个“点击”开始video,当video结束exitfullscreen不起作用(屏幕是黑色的,用户必须按下“返回”键在手机上退出手机video播放器)。 看起来像video.webkitExitFullScreen()和video.play()在Android 4上被忽略。 这是我正在使用的html5标记和JavaScript代码,请帮我指点一下解决scheme吗? 谢谢! <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0" /> <meta name="description" content="" /> <title>test</title> <script type="text/javascript"> function videoEnd() { var video = document.getElementById("video"); video.webkitExitFullScreen(); document.location = "http://www.google.com"; } function playVideo() { var video = document.getElementById("video"); video.addEventListener('ended', videoEnd, false); video.webkitEnterFullScreen(); video.play(); } […]

在Android 3.1上实现onShowCustomView会在HTML5VideoFullScreen中抛出exception

我试图在全屏播放HTML格式的video。 当我点击全屏button在video方法onShowCustomView被激发。 这是我的实现: public void onShowCustomView(View view, CustomViewCallback callback) { super.onShowCustomView(view, callback); if (view instanceof FrameLayout) { customComponenet.addView(view, new FrameLayout.LayoutParams( ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT, Gravity.CENTER)); customComponenet.setVisibility(View.VISIBLE); } } 其中customComponenet是FrameLayout放置在我的当前布局的顶部。 Wideo打得不错,可见,所有的接缝都可以,但是抛出: 08-27 22:16:07.520: ERROR/AndroidRuntime(7235): FATAL EXCEPTION: main 08-27 22:16:07.520: ERROR/AndroidRuntime(7235): java.lang.NullPointerException 08-27 22:16:07.520: ERROR/AndroidRuntime(7235): at android.webkit.HTML5VideoFullScreen.switchProgressView(HTML5VideoFullScreen.java:320) 08-27 22:16:07.520: ERROR/AndroidRuntime(7235): at android.webkit.HTML5VideoView.setPlayerBuffering(HTML5VideoView.java:319) 08-27 22:16:07.520: ERROR/AndroidRuntime(7235): at android.webkit.HTML5VideoView.start(HTML5VideoView.java:85) 08-27 22:16:07.520: […]

使用Android 4浏览器自动启动html5video

我想用android 4冰淇淋三明治浏览器自动启动android html5video。 我尝试了许多java-script函数和html5video的autobuffer autoplay标签。 但没有任何工作。 我通过Android应用程序在webview中启动android chrome客户端,该客户端应该能够自动启动video。 点击播放button时播放video,但不能自动播放。 它在Android中受到限制吗? 还有一点需要注意的是,即使我们点击播放button并且正在播放和完成video,chromeClient也不会调用callback方法。 我已经search了一下,发现在Android 4上没有这个问题的积极结果。

Android:“'HTMLMediaElement'无法执行'播放':API只能由用户手势启动

我正在做一个HTML5video播放器自动化(testing页是一个HTML页面)。 我试图通过Javascript调用myPlayer.Play() 。 在Android上,但是,我得到这个错误: 无法在“HTMLMediaElement”上执行“播放”:API只能由用户手势启动。 发送Play()请求后。 我知道很多设备上的autoplay被禁用,以节省用户带宽。 但是第一次Play()似乎也需要用户手势。 有什么解决方法,以便我可以自动testing播放器设备?