Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 years ago.
Improve this question
How can you display a video (mpeg or avi) with controls (play, stop, fullscreen) in both internet explorer 7 and up and firefox 3.0 and up. A lot of the examples online only works for one of the other. And I can't seem to find one that does it all.
Constraints :
I dont want a solution which needs me to export my videos to youtube or google video or others.
I don't to convert the video to another format, such as flv or mov (avi and mpeg are widely used, there should be a solution where you don't need to convert them).
There are many ways you can do this, however, you will probably have to convert your video files to .flv and use a free media player like the Longtail Player or the OS FLV player (Google them) to embed them on your webpage.
Alternatively, you can wait for HTML5 to come out; this will take a while for major browsers to accept but they have an easy <video> tag.
Related
Closed. This question is not about programming or software development. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 6 months ago.
Improve this question
Google has rolled out the Video indexing feature recently.
For all my vimeo implementation I get the following warning:
Google could not determine the prominent video on the page
I noticed that Google shows me two Video URL sources
https://vimeo.com/sitemap_media_redirect?video_id=VIDEO_ID (Provided by video hosting platform)
https://player.vimeo.com/video/VIDEO_ID (Source: HTML tag)
The video is implemented like this:
<iframe src="https://player.vimeo.com/video/VIDEO_ID" allow="autoplay; fullscreen" allowfullscreen></iframe>
Any idea how to solve this issue?
The Vimeo player embed has no control over the google video index, that's unique to google and you should reach out to their support channels.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
Goal: use MediaRecorder (or else) api to produce video files that are viewable cross platforms.
Fail: current api falls back to container/codec on google chrome which is only viewable on chrome and advanced desktop media players but not on Safari or mobile devices.
! Same code when running on safari generates a working video file on all platforms.
const mimeType = 'video/webm;codecs=H264'
rec = new MediaRecorder(stream.current, { mimeType })
rec.ondataavailable = e => blobs.push(e.data)
rec.onstop = async () => {
saveToFile(new Blob(blobs, { type: mimeType }))
}
Tried all different combinations of containers and codecs.
also tried to override the mimeType of the Blob with MP4 file container.
No success what so ever.
also tried:
https://github.com/streamproc/MediaStreamRecorder
https://github.com/muaz-khan/RecordRTC
Same issues. iI seems like chrome's container/codec combinations always fall back to a format that is only viewable out of the box on chrome or a powerful desktop video player like vlc.
The only cross platform working example for me is the one taken from safari browser and is the 5th from left in the picture above.
The Question:
Edit -
(We don’t allow questions seeking recommendations for books, tools, software libraries, and more. Edit the question so it can be answered with facts and citations)
What is the correct container/codac to be used in MediaCapture api to make the output file playable cross platform.
We have the same issue. We have tried many different combinations but always it fallbacks to matroska
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Closed 5 years ago.
Improve this question
A few of our clients who use our websites to play videos online have been getting this message recently in Chrome.
We use the Flash version of FlowPlayer (v3.2.18) to play videos. This has been working for a long time. Only recently this message is appearing.
I know Chrome has been deprecating Flash for a long time. The message appearing over the player is coming from flowplayer.js when it doesn't recognize the plugin been installed in Chrome although it is. Is there any workaround for this?
Message:
Flash version 10,1 or greater is required
You have no flash plugin installed
Download latest version from here
This is caused because Chrome is phasing out Flash in favor of HTML5.
Flash is still supported in Chrome but the user needs to manually enable flash for each site. Why a site requires to manually activated or not is based on something called site engagement. Basically, the more you visit a site the higher the this index is, you can check your values if you input this url : chrome://site-engagement .But please note that the plan from Google is that in few months (by Oct 2017) everybody will require to activate flash for each site even in the sites with highest indexes.
Google is doing this to force people to adopt HTML5. More info here:
https://blog.chromium.org/2016/12/roll-out-plan-for-html5-by-default.html
https://sites.google.com/a/chromium.org/dev/flash-roadmap#TOC-HTML5-By-Default-Target:-Chrome-55---Dec-2016-
Your option here (in addition to manually enable flash for the site, or use other browser :-) ) is to use Flowplayer 7 (or any other HTML5 player). The lastest versions of Flowplayer offers an html5 video player with flash fallback support.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I'm looking into how I can record video / audio via a devices camera. The recording will be temporarily stored on the server, I'll then upload to Vimeo before deleting the original video from my server. The latter part I can do, the first is proving to be difficult.
I would have loved to have used the getUserMedia API but I haven't found a way to record both the audio and the video in a reliable way. I've looked at MediaStreamRecorder but that isn't currently supported. Other solutions such as:
http://ericbidelman.tumblr.com/post/31486670538/creating-webm-video-from-getusermedia
Are too slow and work in too few browsers for it to be considered for a production site. Which leads me to believe the only way to do this is use Flash (blurgh).
Which leads me to my question. Has anyone had experience implementing something similar? Is there a solution that will perform well on most modern browsers but doesn't require downloading big libraries. I'll be providing a file upload fallback so in terms of browser support it would just need to work in most modern browsers.
I'm mostly looking for guidance and ideas on how to solve this problem.
There is no broadly available solution to this. You can use Flash or Silverlight or Java on browsers that support them. You can use getUserMedia on browsers that support them. But even if you do all of those, some browsers like Safari (and thus iOS) are left out until they implement getUserMedia
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
If I make an Amazon s3 MP4 resource publically availible and then throw the Html5 Video tag around the resource's URL will it stream? Is it really that simple. There are a lot of "encoding" api's out there such as pandastream and zencoder and I'm not sure exactly what these companies do. Do they just manage bandwidth allocation(upgrading/downgrading stream quality and delivery rate/cross-platform optimization?) Or do encoding services do more then that.
This is Brandon from Zencoder. What you're looking for is probably something like Video JS (videojs.com) for video playback. You can just upload an MP4 to S3 and reference it in a player (or the video tag directly, but that has additional issues). Our service is actually used for transcoding the video itself, not delivery. We actually created Video JS to help our customers (and the web at large) with easy, compatible HTML5 playback. If you have any other questions just ask. Thanks.
The answer to the first part of your question is, yes, it is really that simple. There is a how-to about it and a working demo at the end of the article that you can see as a proof of concept.
I just had the same question as you and was happy to see that uploading an mp4 file to S3, setting "public" permissions on it, and then using this simple HTML worked great without any additional tools. And CloudFront wasn't even necessary.
<video id="clip" controls preload=auto width=640 height=264 data-setup="{}">
<source src="https://s3.amazonaws.com/xxxxbucketnamexxxxx/xxxxfilenamexxxx.mp4" type='video/mp4'/>
</video>
Amazon S3 is a really good choice for serving up video content. We've been using it for a couple of years with no issues and the cost has been unbeatable. You should also look at using Amazon CloudFront and configuring your media to use their "streaming distributions". It basically uses your S3 files but copies them to edge locations around the internet and uses RTMP to provide a better playback experience for users and to save you money on bandwidth.
http://aws.amazon.com/cloudfront/