html5-video | 易学教程

Unable to play video using WebView

阅读更多关于 Unable to play video using WebView

I'd like to play a video using WebView capabilities. Currently I'm able to play the following html in all browsers I've tested (Chrome, Chrome for Android, Navegator for Android). Unfortunately, I can not get it playing inside my own application using a WebView: the player's controls are shown, but clicking at play button make the seek bar goes to the end and a progress circle takes place and never ends. Here are the relevant code: @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_video); WebView webView =

How to make html video autoplay on phones and tablets?

阅读更多关于 How to make html video autoplay on phones and tablets?

问题 I have a background video on my site olegefimkin.ru which should start playing automatically on page load. And it does on PC and some phones, but doesn't on some phones and tablets (e.g. iPhone). I'm using this html code: <video autoplay loop muted id="main-video"> <source src="/themes/basic/video/intro.webm" type="video/webm"></source> <source src="/themes/basic/video/intro.mp4" type="video/mp4"></source> </video> I've also tried to add javascript video.play() but it still doesn't work in

Difference between embed, object, and video tags?

阅读更多关于 Difference between embed, object, and video tags?

问题 As per my knowledge I know that the embed tag is used to embed videos from sites like youtube, object tag is for flash videos and video tags come under HTML5 . But I am curious for in depth details of these tags and as a developer which one should be used where? 回答1: embed is older and was for a long time nonstandard, but tends to have more universal support. It became part of the HTML standard with HTML5. It doesn't require a plugin to be specified for the embedded content; that's up to the

Is there any way to get current caption's text from video tag?

阅读更多关于 Is there any way to get current caption's text from video tag?

问题 I want to get current subtitles' text during playing a video (and than implement own subtitles block (i.e. to hide original) and also use the information in a few different ways). Currently I use videojs for my player. Is there any way to get current caption's string from it? 回答1: This code gets the current cue and put into the <span> element (function(){ var video = document.querySelector('video'); var span = document.querySelector('span'); if (!video.textTracks) return; var track = video

MP4 video not playing on Firefox in the <video> tag, plays if directly opened

阅读更多关于 MP4 video not playing on Firefox in the tag, plays if directly opened

问题 I have a small home server that hosts several items, among them a few MP4 sample videos. I've been using a simple <video> tag to play the videos, and it worked well for for Firefox, Chrome and Internet Explorer. However, for some unknown reason my server started locking up a few months back, so I have decided to reinstall the OS. I have salvaged the previous installation from the hard drive and I have re-used (where possible) the configuration files for various components. Everything worked

HTML5 video, fallback to flash if no .ogv file

阅读更多关于 HTML5 video, fallback to flash if no .ogv file

问题 How can I fallback to a flash video player if the necessary file type is not present. For example this code: <video controls width="500"> <source src="<?= $mov ?>" type="video/mp4" /> <embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed> </video> Does not include an .ogv file, so in Firefox, an empty video player is displayed. How can I fall back to a Flash player even if the

YouTube Embeded Player on Android 4.3

阅读更多关于 YouTube Embeded Player on Android 4.3

问题 I'm trying to embed a YouTube player into my webpage as below. The problem I'm having is, the player initially loads and plays the first video fine, but when .loadVideoById is called the player looks to load the video (video title text changes) but then gets stuck on a black screen instead of playing. This is only happening on Android, with the HTML5 player (both Chrome and the default browser) since updating my phone to Android 4.3, having previously been fine on 4.2. It works fine through a

About solution of offline mode for online HTML5 video system

阅读更多关于 About solution of offline mode for online HTML5 video system

问题 We have online website system with a lot of feature such as playback video etc. The purpose is that we want to make offline mode application for the iPad with UIWebView support. Two choices: Use HTML5 manifest to implement offline mode , here Download all content of HTML/JavaScripts/CSS and resources such as images/videos, then use UIWebView to load the HTML file For the solution 1, after searching we found a lot of problems such as cache limitation, not clear answer , 5MB ? 50 MB ? hard to

Will and When will Mobile Browers support getUserMedia?

阅读更多关于 Will and When will Mobile Browers support getUserMedia?

问题 I have written a web app using the 'bleeding edge' HTML5/WebRTC API's (See code below). This works on Chrome v20 (with MediaStream flag enabled) and latest FF Nightly build 17.0a1 (with “media.navigator.enabled” pref created and set to true). I havent yet got it working on Opera. However, my question is, will this work on future mobile versions of these browers? and If so when? if(navigator.webkitGetUserMedia){ //For WebKit (Chrome/ Safari) navigator.webkitGetUserMedia({video: true, audio:

Videojs seeing grey boxes in android mobile

阅读更多关于 Videojs seeing grey boxes in android mobile

I have the latest version of videojs. Only in android tablets and mobile, I'm seeing grey boxes where the play and fullscreen buttons should be. These appear properly in other video sites like youtube on the same device. I assume it's the devices own inbuilt controls. Please can anyone tell me how to replace these grey boxes for the correct icons? The icons in the latest version of VideoJS are now contained within an icon font, which is loaded in using an @font-face rule - this used to be an image sprite. The reason the font isn't loading is all to do with the syntax they [VideoJS] are using: