I need to have a video control in HTML with rich and comprehensive APIs. I need some features like playing and pausing and navigating through a video "Go to specific hour/minute".
Also I look forward extra features like search and pairing with TVs.
I know there are some Jquery plugins and HTML5 video tag.
Any recommendations please?
I found a video control videojs that comes with plugins similar to what I need VideoJs
Related
I have embedded a Vimeo video in a page with its IFrame. I would like to highlight some sections of its progress bar to point out which parts are the most important.
I am asking if exists a client-side "higlight API".
I looked through the documentation of Vimeo but couldn't find it, and I need to understand if such a feature is not implemented or I couldn't just be able to find it.
Scenario: Need to play VPAID ads with "In Content" mode, on mobile
Most of the solution I found is either some other players plugin (like videojs) or doesn't support mobile (like google ima)
Or, something like this:
https://github.com/dailymotion/vast-client-js
Not sure what you mean with in-content, but I assume that you're looking for a video player that supports VPAID. After all, VPAID does just that, it allows you to create interactive content (e.g. an HTML canvas) that shows within your video ad or even interacts with the video player itself (e.g. pauses the publisher video).
IMA is a perfect plugin for a video player like Video.js and it does support mobile -JavaScript VPAID creatives- (what makes you think that it doesn't?) Hopefully I'll be able to help you further if I know what you're looking for.
We are developing Interactive 2d games, we use the HTML5 videos to show segments with heavy animations,as you may know we are using a lot of resources like images, svgs , since these resources are preloaded once you open the game so they are working great.
but we noticed that when we try to open a video it take a time to play until it is loaded.
Is their a way to preload a 10 videos (for example) once the user opens our website?
There are many libraries that help to prevent those long loadings on videos or audio in html.
Personally my favourite is Media Element.js
http://mediaelementjs.com/
To install, follow the instructions on the website and on the document README.
I did a lot of searching for what I thought would be a pretty common question, but I came up with nothing. If there is another thread with a similar topic, please let me know.
Basically, I'm looking for a way to have an .mp3 file play in a website without relying on a flash-based player. I've searched w3 schools and every forum I can think of, but every media player I've found so far has been some sort of proprietary flash player.
Doesn't HTML support some sort of native player? I've found some that rely on Windows Media Player which is close, but I want the player to work on an iPhone and something tells me WMP won't get that done...
PS, as I'm thinking more about this this idea just popped into my head: a javascipt player and inside the <noscript> tag, put a flash player? I'm running a music blog (# http://www.freshoncampus.com) so the less code per post, the better...
Yes you can, with HTML 5.
This is a pretty good explanation of how you might go about doing this.
The caveat is that HTML5 support is not universal, but iOS devices (iphone) have a good start with supporting HTML5.
Edited to add:
From the question, it's hard to discern if you're looking for a way to play multiple mp3's with a nice gui interface, or just use audio as a background.
For the former, you will need to use Javascript to handle controls, and loading of the src element (I'd search for custom built javascript or jquery plugins to handle this).
For the latter, my solution above will work.
Also, background music in a webpage is highly annoying to most users, so caveat emptor.
You could go with something like http://www.schillmania.com/projects/soundmanager2/
which should autodetect the best option to play the sound.
jplayer? Not sure about MP3/OGG thing though...
First, HTML5's “audio” tag.
Second, you can use “embed” tag — it will play with whatever browser plugin is installed (not just WMP).
Not sure what would work in iPhone, though.
(and I might be wrong about exact tag names)
Is there any way to control YouTube EMBED CODE. For example I am using YouTube embed code in my site. Is there any way to control the video like forward, backward, stop etc. with my own buttons.
Is this possible?
Any help will be appreciated.. Thanks in Advance.
Fero
YouTube has a JavaScript and Flash API that you can use to build your own player or control the player programmatically.
The documentation is here: http://code.google.com/apis/youtube/overview.html
There are several examples in the documentation for controlling your own "chromeless" player. This is probably what you want to use if you want your own buttons.
All of the major browser-embedded video player types have ways to do this, but the method is different for all of them.
YouTube uses a Flash player, which poses a special problem: Flash video players have no ability to handle external JavaScript calls other than what is specifically added by the programmer that built the player. That is, if YouTube didn't build their player with support for external scriptability, you can't script it. This isn't a flag -- on/off -- it's that Flash makes you explicitly publish an external scripting API, and you have to know what the calls look like to make the player do what you want. This is unlike, say, QuickTime, Windows Media Player, or the new HTML 5 <video> tag, all of which have documented basic playback control like you're asking about.
It's probably possible to build your own FLV player (or buy one, like the popular JW Player, which does have a JavaScript API) and point it at the actual video file served by YouTube. I don't know if they try to obscure the video file URL, but once you find out what it is, you're golden.