a-frame: playing a youtube video on a plane - aframe

I have been trying to show a youtube video inside an a-frame entity. When I use the a-video tag it gives a CORS error.
<a-video src="https://youtube.com/..."></a-video>
I have tried the a-link but nothing seems to happen
<a-link src="https://youtube.com/..."><a-link>
I would like the user to click on the plane (wall) to play a video. Any suggestions on how this can be achieved.
Thanks
Raj

The official a-frame FAQ says this:
No. You could proxy YouTube videos as a texture or download them locally to serve, but that is against their terms of service.
Check out the the second link for a proof-of-concept.
I think they only want you to embed their videos via the iframe embed code you get when you right click a video on youtube and then hit "Copy embed code", and that would not work in aframe as far as I know.

Related

How to hide controls and info of a embeded youtube video?

I want to remove all information from the embedded videos like:
The title of the videos
Share
Watch on YouTube
Suggested videos
Name of the channel
Can I do that?
YouTube alone allows you to do some of these things for example if you go to the video you are wanting to share and you click share and then the embed option you get a few settings.
The main one you will want it the one which says "show player controls" when this is unticked viewers wont be able to skip the video at all but they can still pause / play.
If you want to hide the title card simply add this is to the end of the URL for the video "&showinfo=0" and this should remove that information for you.
As for everything else I am not too sure on so hopefully someone else can help with the remaining parts

I'd like to change the link for the spotify logo in an embedded iframe playlist

I'm using this embedded iframe in my website (www.thatgolda.com):
playlist
The circled logo, when clicked, goes to a link that automatically downloads spotify. I'd like to know if there's some code I can use to change that link to my spotify artist page.
I'm not very familiar with javascript, so I'd appreciate an answer "for dummies."
Thanks in advance for your help.
GP
From the Spotify Play Button website (https://developer.spotify.com/technologies/widgets/spotify-play-button/):
Is there any way of customizing the design of the Spotify Play Button?
E.g. color, typography…
Currently there is no way no change the design of the Spotify Play
Button.
You can, however, use a Spotify Follow Button elsewhere on your website! The design is familiar for many users and clearly shows what the action of the button is.
https://developer.spotify.com/technologies/widgets/spotify-follow-button/

Show YouTube video main page Drupal

I would like to show a youtube video when someone arrives on my drupal website. So basically, I want to launch a video in the main page as an overlay to the site.
How could I do? If it is possible without installing any modules?
I'd really appreciate any help, Thanks.
Regards.
You could use a JavaScript modal to act as the container to play the YouTube video.
Then use PHP sessions to determine if the JS modal has to be launched or skipped.

How to Over ride youtube external style?

I'm working on a website and i use a wordpress plug-in that embeds youtube videos.
Now it has this great option to show only an image of the video and load the video only if you press the video so the page won't take a lot of time to load.
The problem is that in that mode it takes that video photo from youtube and it also takes a big, red, play button image that is ugly as hell :)
Now that button's css is coming from some external link (http://s.ytimg.com/yts/cssbin/www-embed-vflSBO3VV.css) and i don't know how to over ride it.
Any suggestions?
That is the site i'm working on btw - http://www.lab.gezerweb.com/ClipPress/
Thanks.
I believe you're talking about an embed that uses controls=2, correct? (See https://developers.google.com/youtube/player_parameters#controls)
If so, then no, there's no way to override the default play button in the cued state.

Palm Pre not picking up embedded YouTube videos

I've embedded a YouTube video onto a site (built in drupal) using the embed code from the video's YouTube page.
If I visit that page on an iPhone, it picks up the fact that there is a YouTube video and displays the icon that you click to pop open the video and watch it.
If I visit the same page on a Palm Pre it just displays a blank space where the video should be. If I visit the video on the YouTube page itself, however, the Palm Pre picks up the fact that there is a video and allows you to open it.
I'm just wondering if anyone else has run into the same problem and has some insights they can offer. I'd love to have a more graceful solution than just adding a link to the YouTube page below the embedded player
Thanks!
You could compare the embed code actually used on the YouTube page (as opposed to the one they offer for quick copy & paste) with the one you are using, as there are quite some different ways to embed a video.
I would expect them to use the SWFObject for embedding, which is a tiny bit more effort to use on your page, but usually works a lot more reliable than the 'old fashioned' embed tag offered for quick copy&paste.
You might also try requesting the YouTube page faking the user agent of the Palm Pre, as they might deliver something different for those, but that is pretty unlikely.

Resources