Video in Browser: Embed YouTube and others - html

I want to embed videos from different video sites like YouTube, Vimeo and so on...
But I have a problem:
The Skins of the players are all different
and I want a consistent video skin.
Is there any possiblity to get this work?
I can't host the videos on my server because I have to pay for the traffic
and that would make me poor =(

I know that Youtube at least has a chromeless player, you can check out the API here: http://code.google.com/apis/youtube/js_api_reference.html#GettingStarted
I don't know about any of the other sites, though. I'd try Googling the name of the site and "chromeless" or "api" to see what comes up.

Simply put, no. The video site content has to include the skin for each site, unless you rip the video out and self-host it.
There's a reason for this, and I doubt you'd want to see the sites all fold/go paid because of people hijacking content without attribution.

Try Media Element JS
It wraps your youtube and vimeo video to a HTML5 video, no need to host the video on your website. The script from the website can take youtube and vimeo videos and make convert them into HTML5 video.
One side effect of this script is that since it can convert both Youtube and vimeo videos to HTML5 then the players will be the exact same for both of them.
Hope that helps,
regards

Related

Youtube embeded video allowed to be changed by admin

I need to embed a youtube video into my site but I need to allow certain people to be able to change the video that is shown without them going into code, How would I do this?
Another thing that could help is how could I automatically embed someones latest video onto the site.
If anyone can answer any of these thank you.
For adding a YouTube video without going into the code you could look at Google Tag Manager or a similar service. For embedding the latest video you might need to look at a YouTube API or similar to pull in the latest videos url.

Can I request YouTube to let my site play restricted embedded video?

I am working on a site that will allow users to upload their videos on my site, for example a dance performance. I am using <iframe></iframe> to embed video. Everything was going fine, but suddenly I noticed YouTube is restricting some videos to play on my site.
In my case the error was:
I know some users have asked similar questions like 'why it is happening' etc. I know it has to do with some copyright issues, for example a dance performance may have a background music playing which happens to be someone others property. The thing is, I am not 'claiming' copyrights and even, not me but my users will upload their videos from their YouTube accounts(using URL).
So Is there anyway to play all those videos like if I can request YouTube to let my site play those videos with a disclaimer explaining that my site doesn't have copyrights of these videos?
Does using iframe to point at the non-embedded youtube widget work? If so you could use javascript to extract the player from the regular youtube.
Not sure about the legality of that.
What are you trying to do? Potentially you could use the youtube api and make a mobile app that is not embedding videos.

Embedding html5 video with opengraph on facebook

I have built a web site for our student tv station and the concept is pretty similar to youtube. We would like for our videos to be playable directly in facebook when shared, with the videos themselves still hosted on our server and our stats being updated.
The player on the site uses videojs and is all working with the html5 video tag. There is also an embeddable version of the player that can run in an iframe. Ideally I'd like this to be used on facebook but don't think it's possible. This is what I've attempted at the moment with the og:video:type value set to text/html and og:video set to the embeddable player url and it doesn't appear to work. Here is an example page, and here is the embeddable player for it.
The only other ways I've seen is to specify a url to the video file, or a url to a flash player.
All of our videos are rendered at different qualities/resolutions and on our site and embeddable player there is a quality selection bar that changes the video url in the player. However it looks like with opengraph and facebook there is no way of giving it the urls to the different qualities or having the user pick the one they want on facebook, meaning we're stuck with forcing everyone to watch at one of the qualities. Is this right?
So then the only other option that appears to be available is building a custom flash player which has quality selection built into it. From what I can tell this is what youtube is doing. Is this the only option though because I don't want to build a custom flash player for Facebook to then decide in a few months that they're not supporting flash anymore?
I realise similar questions have been asked already but I couldn't find a definite answer and some of them were over a year old.
Thanks.
Facebook is currently trialing iframes with YouTube. Hopefully the support will be rolled out to everyone soon.
More info at this question: Embedding video player html5 iframe in facebook share like YouTube

Load only audio from youtube in as3

Is it possible to load only the audio from YouTube into my AS3 flash custom player through youtube AS3 api?
I want to load it into a sound object and then assign it to a sound channel.
I would like to know if there is an "official" way to do this, I'd like to avoid improvising (like loading the whole stream and then use only the audio).
Thank you.
I suggest you read the YouTube terms of service carefully:
https://developers.google.com/youtube/terms
In particular, you may not "promote separately the audio or video components of any YouTube audiovisual content made available through the YouTube API".
Doing so in any way (such as moving the video off stage) is likely to have your site blocked for playbacks by YouTube for breach of terms of service.
NB: YouTube manages to provide the service it does through advertising on top of video content. Separating the content like this prevents YouTube from making any money from the service it is providing.
If you use it for private usage, its okay I guess.
After some research work with different APIs and libraries and researching source code, I just tried it by myself and wolla.
Just saying, audio only links are in the page source of each video.
You just have to know what you are looking for ;)
Open a youtube video, view page source and search for "mime%3Daudio". There should be 5 matches, full url for example:
"https%3A%2F%2Fr2---sn-35cxanpbo5a-8pxl.googlevideo.com%2Fvideoplayback%3Fsource%3Dyoutube%26signature%3D30EC556F55533FBFD9003767730D10556681F33A.B12E021CA54CCB9E225F58A4430E9BB528081FB5%26requiressl%3Dyes%26expire%3D1527306011%26clen%3D3064602%26initcwndbps%3D1152500%26ipbits%3D0%26mime%3Daudio%252Fmp4%26dur%3D192.911%26fvip%3D5%26lmt%3D1524946334873350%26key%3Dyt6%26sparams%3Dclen%252Cdur%252Cei%252Cgir%252Cid%252Cinitcwndbps%252Cip%252Cipbits%252Citag%252Ckeepalive%252Clmt%252Cmime%252Cmm%252Cmn%252Cms%252Cmv%252Cpl%252Crequiressl%252Csource%252Cexpire%26itag%3D140%26gir%3Dyes%26ip%3D81.217.53.239%26id%3Do-ALNxMeQYw4LLc1FAjxt4h795wKTdqJnzc_SBgzEJVBxR%26c%3DWEB%26keepalive%3Dyes%26mm%3D31%252C29%26mn%3Dsn-35cxanpbo5a-8pxl%252Csn-2gb7sn7r%26ei%3Du4IIW7DfC46rgAfrrpnICw%26ms%3Dau%252Crdu%26mt%3D1527284230%26pl%3D16%26mv%3Dm"
Just decode URL and you got what you want.

How to add a Youtube alike hyperlink to a video that is not from Youtube

I would like to know if there is a way I can put an hyperlink on a video that is from my own website, like Youtube does. The video is in mp4 format and I don't know wether there is a kind of embedded javascript code or something for doing that task. I thank you very much your attention.
I am currently managing my website through wordpress I would like to know if there is a way to do that by this way.
I can't just simply upload the video to Youtube and then embed the video in my website because the videos I am currently administrating are private.
I think you mean you want to play your video directly on your website without having to upload it to a video service like youtube. For this you'd need to use the HTML5 video tag in your template(if you have access to your code). Or I'm guessing wordpress would have plugins for this that would just allow you to upload your video file and it would play it in your template for you.
HTML5 video tag description