How to make youtube video added in the iframe accessible? - iframe

Please advise on how to make Youtube video embedded inside iframe accessible

Find your video on YouTube and go to Share>Embed copy the code.
You code should look like this:
<iframe src="https://www.youtube.com/embed/your-video-code"></iframe>

Related

Fancybox iframe with vimeo

Long time lurker, first time poster. Please be gentle.
I am trying to get some vimeo videos running within a fancybox gallery. I've followed what I think are the instructions, my HTML looks like this:
class="iframe" href="'https://player.vimeo.com/video/xxxxxxx'"
When I open the link, the fancybox opens fine but shows a black box.
If I inspect the page, I see this:
iframe id="fancybox-frame1655194956187" name="fancybox-frame1655194956187" class="fancybox-iframe" allowfullscreen="allowfullscreen" allow="autoplay; fullscreen" src="//player.vimeo.com/video/xxxxxxx?autoplay=1&hd=1&show_title=1&show_byline=1&show_portrait=0&fullscreen=1&h=xxxxxxx" scrolling="no"></iframe
What I think is intersting is the 'src=' bit which seems to be stripping "https:" from the src. If I manually edit that element in the browser, everything works fine.
Further, if I substitute a Vimeo video for a Youtube one, it works fine.
Any tips are greatly appreciated!
Thanks.

embedding a video from onedrive in a wordpress blog post

Ive got a very basic WordPress website using the new 2017 theme and I'm trying to embed a simple video. The video is on OneDrive, but it should be the same as YouTube or any other source, and I can play the video fine in a plain HTML page.
When I insert the following HTML iframe in my post:
<iframe src="https://onedrive.live.com/embed?cid=3F3E866DF352275A&resid=3F3E866DF352275A%21106&authkey=ADg-86mHmhzI3mw" width="320" height="180" frameborder="0" scrolling="no" allowfullscreen></iframe>
It shows a small blank frame for a few seconds when I preview the post, then it jumps to the onedrive embedded link showing the video full screen, so you cant see the post.
I tried using a plugin too and that didn't work either, somehow it had the same problem. I was using FV player which seems to be very popular but when I try to embed this video it says there "Video Issues". I know there's nothing wrong with the video because, again, I can insert this iframe in a plain HTML page and it works no problem. Only when I embed the iframe in a wordpress post does it pop out into the onedrive link and go full screen.
Any suggestions? This should just work and I don't know what I'm missing.
src="https://onedrive.live.com/embed?cid=3F3E866DF352275A&resid=3F3E866DF352275A%21106&authkey=ADg-86mHmhzI3mw"
replace the embed with download. and use normal video tag instead of iframe.
src="https://onedrive.live.com/download?cid=3F3E866DF352275A&resid=3F3E866DF352275A%21106&authkey=ADg-86mHmhzI3mw"

a-frame: playing a youtube video on a plane

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.

Behat Test for media files

I want to test a video file. This video file appears a modal dialog. How can I test the functionality?
I could look for html video-tag like this:
$this->getSession()->getPage()->find("html", 'video');
but i want to test functionality of video playing.
Thanks.
I most cases when a video is added into a page it will be included in an iframe.
What you could test is that the modal is opened and contains an iframe with the video.
You could try to play the video, which will not help since you would need to use some external api's to see if the video is really playing, but this is an overkill.

Embed videos through Youtube

I have the task to embed videos through the youtube channel in our website. So I want some help me how can I do that? I don't have any information to do that.
Just underneath each video is a button labelled Embed (with square brackets surrounding it). This will give you the code you need to paste into your site to embed the video. To do this you would put the code in the .aspx markup where appropriate.

Resources