Articles of html5 video

从Chrome文件系统播放video不适用于Android

我正在尝试创建一个离线video播放器,可以从我的网站下载video内容,以便以后通过HTML5video元素离线观看。 以下代码适用于桌面Chrome,但不适用于移动设备(Nexus S智能手机,Nexus 7平板电脑4.1,因为只运行Chrome,这是文件系统API所必需的)。 我在桌面和移动设备上使用chrome支持的文件系统API。 我已经确认它正确地将文件存储在移动设备上,我可以正确检索文件,但出于某种原因,从localsystem检索video后,chrome不想播放video。 无论我使用html5video元素还是直接导航到文件系统URL,都是如此。 当我使用html5video元素时,它返回错误media_err_not_supported。 我已经确认,如果我在我的服务器上直接导航它,设备可以播放video(没有先使用文件系统api存储它),因此问题不是编解码器或video格式问题。 在这两种情况下我也使用video / mp4 mimetypes。 同样,这适用于桌面,但不适用于移动设备。 有任何想法吗? 这是我们使用的代码: var _fs; var filename = “test3.mp4”; var diskSpaceRequired = 10 * 1024 * 1024; $(document).ready(function () { window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem; function onInitFs(fs) { _fs = fs; getVideo(fs); } if (!!window.requestFileSystem) { window.webkitStorageInfo.requestQuota( window.webkitStorageInfo.PERSISTENT, diskSpaceRequired, // amount of […]

手机上的HTML5video – Chrome 55不会自动播放和静音?

我的Android手机上的Chrome浏览器是版本55.根据此文档 ,“Android版Chrome 53支持video静音自动播放”。 这是我的代码: 有任何想法吗? 我甚至在我的Android上测试了他们的示例页面 ,而根本没有工作!

移动浏览器上的HTML5video全屏(android)

经过大量的研究后,我还没有find任何问题的答案。 我想用FullScreenAPI实现我的目标,但任何移动浏览器都不支持它(除了Firefox 19和Blackberry浏览器 – 但我需要一个跨浏览器的解决方案)。 这是来源 。 我还在原生Android浏览器和移动Chrome上测试了FullScreenAPI ,并使用了适当的前缀全屏function。 每个函数都是undefined的types。 另一种方法是rtsp协议 ,通常由外部玩家处理。 这是假设m.youtube.com使用该解决方案的人 – 我认为这不是真的(也许答案已经过时)。 Youtube使用原生video的全屏。 点击播放按钮时,在移动Chrome上,电影会立即全屏显示。 虽然,我用Google搜索的每个来源都告诉我在Android浏览器上无法使用原生全屏,但仍然带有原生控件的HTML5video元素为我们提供了一个全屏按钮,可以在那里完美运行。 由于我不想要原生控件,任何人都可以分享任何巧妙的解决方案How to trigger HTML5 video fullscreen button’s event ?

在Android WebView中拦截HTML5video源请求

我有一个应用程序,它在WebView中显示带有video元素的HTML5页面。 我花了一段时间才弄清楚如何让video正常工作,但最后我成功地在三星Galaxy Tab(Android 3.1)上播放嵌入在WebView中的video。 我使用以下代码作为video标记: HTML5 video not supported. video元素有多个源,现在我正在尝试在video开始播放之前捕获所选的video源(和格式)。 当我单击播放按钮时,我看到video文件的HTTP请求到达存储video文件的Web服务器,但我没有成功拦截应用程序端的此请求。 我查看了几种方法来查看video文件的请求是否通过,但我没有看到它通过其中任何一个。 在我的WebViewClient shouldOverrideUrlLoading(WebView view, String url)中,只有初始HTML5页面请求通过。 在我的WebViewClient shouldInterceptRequest (WebView view, String url)中,我看到只传递了初始HTML5页面请求和video海报图像请求,但没有传递video文件。 onShowCustomView(View view, CustomViewCallback callback)仅在我已经播放video时单击HTML5页面上的全屏控制按钮时调用,而不是在我单击播放按钮时调用。 (这种方法的目的是什么?) 有没有人建议我可以捕获video文件的请求的另一种方法,或者任何人都可以解释当我点击video元素上的播放按钮时实际发生了什么?

如何让我的嵌入式video在Kindle Fire上播放?

我不确定这是Android情况还是仅仅是Kindle Fire情况,但我有HTML5video在普通浏览器上播放正常但坚持在Kindle上全屏播放。 他们也不会自动播放,我需要手动点击播放。 以下是我的BackboneJS模板中的video片段: <video class="video_main" width="548" height="393" poster="assets/video/spinner.gif”> <source src="assets/video//.mp4″ type=”video/mp4″> <source src="assets/video//.webm” type=”video/webm”> <source src="assets/video//.ogv” type=”video/ogg”> <param name="flashVars" value="config={'playlist':['assets%2Fvideo%2Fspinner.gif’,{‘url’:’assets%2Fvideo%2F%2F.mp4′,’autoPlay’:false}]}”> <img alt="” src=”assets/video/spinner.gif” width=”548″ height=”393″ title=”No video playback capabilities, please download the video below”> 每个video都有.mp4 , .flv , .webm和.ogv 如何在不进行全屏的情况下强制video在其容器元素中播放? 我正在使用jQuery来触发play()事件。

video在Android的Webview中只播放一次

我成功地在Android中的Webview中播放来自HTML5内容的流式Youtubevideo,但现在的问题是video只是第一次播放。 之后, VideoView只会转到video文件的末尾。 我按照这里的建议尝试清除缓存,但没有运气。 这个问题的可能解决方案是什么? 请尝试使用以下代码运行Video,这已经在stackoverflow.com上使用了一些建议 WebView webView = (WebView) findViewById(R.id.product_details_webview); WebSettings webSettings = webView.getSettings(); webSettings.setPluginState(WebSettings.PluginState.ON); webSettings.setJavaScriptEnabled(true); webSettings.setUseWideViewPort(true); webSettings.setLoadWithOverviewMode(true); webView.setWebChromeClient(new chromeClient()); webView.setWebViewClient(new WebViewClient(){ }); webView.loadUrl(url); public class chromeClient extends WebChromeClient implements OnCompletionListener, OnErrorListener{ private WebView wv; private VideoView mVideoView; private LinearLayout mContentView; private FrameLayout mCustomViewContainer; private WebChromeClient.CustomViewCallback mCustomViewCallback; FrameLayout.LayoutParams COVER_SCREEN_GRAVITY_CENTER = new FrameLayout.LayoutParams( ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, […]

HTML5video删除叠加播放图标

每次video开始在Android WebView中播放时,如何删除video中心可见的叠加播放图标(三角形)一秒左右? 提前致谢!

黑色屏幕上的铬为Android html5video

问题:video放在我的网站上: http : //dege.cloud/ (点击其中一张图片)当我在桌面或Firefox浏览器上加载页面时,一切都很好。 当相同的页面加载到chrome for android时,video是黑色的,没有控件,video没有音频,所以我不知道它是否播放。 预期结果:video应该可播放,hml5video标签不会在移动设备上自动启动,但这不是问题。 分析:video的内容types是正确的,检查设备上的控制台不会出错。 我给了webm和mp4版本的video(摘自http://giphy.com/ )。 video代码如下: jsfiddle的问题在于行动: https ://jsfiddle.net/Dege/1es4516p/

全屏时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做了什么? 我个人拥有一部运行2.1的基于Android的手机,但我似乎无法让HTML 5标签工作。 即使我可以触发浏览器播放video,它也会抛出一个通知错误,它不能。 是否有制作Android / HTML 5兼容video的指南? 真的支持吗?