html5-video

问题 Hi I am trying to stream video from static html5 pages serve by Windows Apache2. According to Apache guide on http://h264.code-shop.com/trac/wiki/Mod-H264-Streaming-Apache-Version2 this only for Linux, so I get the mod_h264_streaming.dll from http://h264.code-shop.com/trac/wiki/Mod-H264-Streaming-Internet-Information-Services-IIS7-Version2 but when I LoadModule h264_streaming_module modules/mod_h264_streaming.dll in httpd.conf it return httpd.exe: Syntax error on line 129 of C:/Program Files

问题 I know how to copy on frame by frame basis from a playing HTML5 video to a canvas using 2D context. But I want to work with a paused video, change dinamically its currentTime and copy current frame of video to canvas. My guess is some process is not called yet when video position is set with currentTime property, although the video itself does update the image it shows (but not to the canvas). I've found that it's posible to overcome this by setting a setTimeout to do the canvas ´drawImage´

问题 We have a page that use the and tags to enable flowplayer flash to html5 fallback. A code snippet is below: <object id="flowplayer" width="100%" height="100%" bgcolor="#000000" data="/flowplayer/3.2.11/flowplayer.unlimited-3.2.11.swf" type="application/x-shockwave-flash"> <param name="movie" value="flowplayer/3.2.11/flowplayer.unlimited-3.2.11.swf" /> <param name="allowfullscreen" value="true" /> <param value="always" name="allowscriptaccess"/> <param value="high" name="quality"/> <param

问题 I am in Windows 7 x64, using Chrome 22. When I view an MP4 video in the video tag, it appears blurry and low-contrast compared to the source video viewed locally in Media Player Classic. A screen-measuring app shows that both players are displaying the video at exactly its native dimensions (400x300). This appears to be a problem only with my installation of Chrome. The video looks perfect on other machines, Macs and PCs alike. I have tried reinstalling Chrome, disabling all extensions,

问题 I have a strange behaviour when trying to play back a video in an Android WebView. Whilst the video actually does play, and the sound is audible, there's only a white/ blank screen where the video should be. It works perfectly fine using the native browser. Not even in a new very basic, new Android project (using a new, empty emulator), a video is displayed. Also tried with the 3gp format and using some recent SDK (API 27). Also there is no difference among emulator (various devices) and the

问题 HTML <video [src]='videoURL' controls #videoPlayer (ended)="onVideoEnd($event)" [style.maxHeight]="screen.data.height"> <track label="English subtitles" kind="subtitles" srclang="en" [src]="screen.data.ccs"/> </video> CSS video { width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } Would anyone be able to shed some light as to why the Captions and Download button is positioned where it is in the screenshot above, It was positioned correctly so i'm

问题 I use the jquery inview plugin top automatically play videos when in view. Since I cannot use IDs for the video I use html5 <video> as selector and all videos are always starting to play. How can I point the play/pause trigger only to the one element that is currently triggering the event and ignore all the others? $('.video-autoplay').on('inview', function(event, isInView) { if (isInView) { $('video').trigger('play'); } else { $('video').trigger('pause'); } }); many thanks, C 回答1: You can

问题 I have an array of points in time (seconds) like this : var points = [1,5,7,9,23,37]; I want the video to play from 1 to 5 and then pause. Then some event happens (like button click) and it plays from 5 to 7 and then pauses and so on. How can I do this using js/jquery ? 回答1: Just queue up the times (currentStopTime) and check the currentTime of the video. If currentTime >= currentStopTime then pause video, set currentStopTime to next time in the array. var points = [1,5,7,9,23,37], index = 1,

问题 About how to get a transparent background with a webm video via alpha channel, here is one person that says you should encode with VP8 and not VP9. WebM Alpha only displayed in Chrome? And here is another person who says it's the opposite thing, like it should be VP9 and not VP8. Transparent webm video displays solid background color on Chrome for Android 68 on android 9.0 Is there a way to make every device display webm files that contain alpha channel correctly? EDIT1: HERE ARE SOME TEST

问题 <video width="320" height="240" autoplay loop> <source src="movie1.mp4" type="video/mp4"> <source src="movie2.mp4" type="video/mpr"> Your browser does not support the video tag. </video> The code above will play movie1.mp4 over and over again. What I want to achieve is to play those two videos one after the other. I mean after playing movie1.mp4 , the movie2.mp4 will play next. How to achieve this? 回答1: You can archieve this by doing: <video id="homevideo" width="100%" autoplay onended="run()