html5-video

“webkit-playsinline” video tag attribute

由 做~自己de王妃 提交于 2019-11-27 11:35:06
问题 The <video> tag attribute webkit-playsinline supposedly prevents the default go to fullscreen behavior of HTML5 videos. I added this attribute to my video tag and checked mobile safari and chrome on iOS6 iPhone and it doesn't work. The video still goes fullscreen. This is similar to others' experiences as described on SO two years ago. What mobile browsers as of today, June 13th, 2013 does this attribute webkit-playsinline work? 回答1: Apple has finally enabled the playsinline attribute on iOS

How to take a snapshot of HTML5-JavaScript-based video player?

由 让人想犯罪 __ 提交于 2019-11-27 11:15:02
Actually, i have a HTML5 page with JavaScript function that allow me to play a wmv video file. I need to take a snapshot when the video is playing (with pause or without) and saved in any image format JPG or BMP whatever. Any help will appreciate. Thank you. <!DOCTYPE HTML> <html> <head> <title>HTML5 video</title> <script type="text/javascript"> function checkPlay() { var myVideo = document.getElementById("myVid"); var ytStr = '<iframe width="500" height="500" src="C:\XA0002.wmv" frameborder="0" allowfullscreen></iframe>'; try { var canPlay = document.getElementsByTagName('video')[0]

Is it possible to check if the user has a camera and microphone and if the permissions have been granted with Javascript?

由 江枫思渺然 提交于 2019-11-27 10:35:18
问题 I would like to find out if the user's device has an attached camera and microphone, and if so, has permissions been granted to get the audio and video stream using Javascript. I want to make this check to be made across Chrome and Firefox at the very least. What's a consistent API for this? 回答1: Live Demo: https://www.webrtc-experiment.com/DetectRTC/ If user didn't allow webcam and/or microphone, then media-devices will be having "NULL" value for the "label" attribute. Above page will show

HTML5 frame-by-frame viewing / frame-seeking?

由 不问归期 提交于 2019-11-27 09:15:47
问题 I'm looking for a way to view HTML5 <video> , frame-by-frame. The scenario: Having a video, with an additional button that skips to the next frame when pressed. What do you think is the best method to do this? Play the video normally, Listen to timeUpdate event, which on FireFox is called for every frame, and then just pause the video. However, the other browsers don't behave like Firefox. Change the currentTime element manually to +1/24 of a second, where "24" is the frame rate. I have no

ffmpeg convert mov file to mp4 for HTML5 video tag IE9

由 大兔子大兔子 提交于 2019-11-27 08:59:37
问题 I looked everywhere here and on google - there is no valid command that works for IE9. some how IE9 is missing something. All that I tried worked everywhere else: chrome,safari,mobile device etc... I want one command that will convert it and I can use it in every device suppose to support mp4 in HTML5 video tag. I use this commands: ffmpeg -i movie.mov -vcodec copy -acodec copy out.mp4 ffmpeg -i movie.mov -vcodec libx264 -vprofile high -preset slow -b:v 500k -maxrate 500k -bufsize 1000k -vf

HTML5 Video | Video Unsupported / Invalid File Type | IE

由 久未见 提交于 2019-11-27 08:46:16
问题 Good Evening StackOverflowers! I seem to have a problem with getting the HTML5 video tag to work in IE, or Safari (Firefox seems to load, but it wants to download the entire file before playing). It works in Chrome without issue. In IE, I get the error: "Error: Unsupported video type or invalid file path". I have done research, and it seems many find a solution by adding MIME types to their .htaccess file. I have done this to no avail. The next problem was that I needed to put the .mp4 first

Set up buffering for <video> object

由 最后都变了- 提交于 2019-11-27 08:39:54
问题 So I'm trying to play videos that are hosted on a remote server, the problem I'm encountering is that it takes a VERY long time for large videos to start playing. It seems that the entire video needs to be downloaded before the video starts playing (by comparing the time it takes for the video to start playing with the time it takes to download it). Does anyone have any advice on how to set up the videos to start showing as soon as even a small amount of it has downloaded. 回答1: to process

play a video in reverse using HTML5 video element

由 天涯浪子 提交于 2019-11-27 08:19:02
问题 I am working on a functionality explained below- Once a video is loaded/with a button click, it has to play in reverse. The target devices are smart phones and tablet devices. I am trying to do this using HTML5 tag and read about the playBackRate attribute. Further down, I am using the HTML5 stuff to generate my mobile apps using Phonegap. Here's a link I found interesting but partially working - http://www.w3.org/2010/05/video/mediaevents.html The playbackrate , when changed doesn't do

Issue setting currentTime in HTML5 video

由 。_饼干妹妹 提交于 2019-11-27 07:37:46
问题 I have a video in the middle of my html. As you can see at first I haven't any source <video id="videoPrincipal" src="" width="640" height="360" controls preload></video> When I click a button I trigger a function that makes: myVid = document.getElementById('videoPrincipal'); myVid.src = 'video.mp4'; myVid.play(); myVid.currentTime ='5'; The video starts playing correctly but I cant set the current time (and I made the same as we can see in http://www.w3schools.com/tags/av_prop_currenttime

Stream video from Google Drive in HTML 5 video tag

由 陌路散爱 提交于 2019-11-27 07:29:24
问题 How is it possible to stream a larger (200MB) video file from google drive? What I have done. Tested with a 24MB File and it works. File is shared public for everyone on the web <source src="https://drive.google.com/uc?export=download&id=0B0gf7RQXoPVEa0xCSEhiRG5GNHM" type="video/mp4"> Oops. HTML 5 video not supported. When I call this url normally in the browser a security request is shown which I have to accept. I think thats exactly the problem, where it blocks. May it is possible to send
订阅 html5-video