I have to display multiple site pages on my website.
I would like to display one page from each site on a single page.
I guess it is best to use iframe?
How could a user copy the URL of the original webpage out of the iframe?
Currently I use YouTube embedded iFrame
<iframe width="560" height="315"
src="https://www.youtube.com/embed/8gESFEtIx1A" frameborder="0"
allowfullscreen>
</iframe>
Related
I'm in way over my head on this one.
The goal is to be able to hit spacebar for play/pause, and f for fullscreen when the page loads.
I'm loading the YouTube embed like this:
<script src="https://www.youtube.com/iframe_api"></script>
<iframe
id="player"
frameborder="0"
allowfullscreen="1"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
width="1280"
height="720"
src="https://www.youtube.com/embed/<?php echo $video_id; ?>?autoplay=1&modestbranding=1&iv_load_policy=3&enablejsapi=1">
</iframe>
The question is, can I focus the iframe controls using postMessage? Or any other method?
If so which element in the iframe do I need to focus to be able to get it done? I think it's html5-video-container > video.
Don't think I even need the YouTube jsapi, but it's there for now.
I've been over this SO question about a dozen times and many others, as well.
You can't do it because you cannot insert the javascript required for postMessage to work into youtube's iframe.
Yes, I see that you created the iframe yourself on your page, but that's not how it works.
What combination of services can I use to add a video upload button to my website so I can them embed them on said website.
For uploading a video you need to find a service that suits you (YouTube, Vimeo...). This will involve some research and reading through the documentations.
Embedding the video to the website you can use the iframe tag
<iframe width="560" height="315" src="your video url" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
I want to load you tube video in my php script.
I have already tried with iframe but it can not work.
I also did some research but it said that load YouTube URL with embed tag, but I want to load without embed tag.
Can you please help me?
If you need to do this within php as you say then you echo an iframe with the address of the YouTube video as https://www.youtube.com/embed/VIDEOID where VIDEOID is the part in the YouTube URL after the v?=, for example this video https://www.youtube.com/watch?v=UaaXEX-MGuk would be embedded as follows:
echo '<iframe width="560" height="315" src="https://www.youtube.com/embed/UaaXEX-MGuk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
Otherwise you can just embed with HTML. Can you provide more detail if this doesn't help?
More here: https://support.google.com/youtube/answer/171780?hl=en
Sign in to your YouTube account on a computer.
On the left side of the page, select the playlist you want to embed.
Copy the playlist ID from the URL.
Modify the embed code for an individual video by doing the following:
In the place of the video ID (after "embed/"), substitute "videoseries?list=".
Then paste the playlist ID after the "=".
Paste the code into your blog or website HTML.
Example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
https://support.google.com/youtube/answer/171780?hl=en
I am making a website and I have to show a video on its homepage. The video exists on youtube and I need to embed it on my website.
<html>
<iframe width="560" height="315" src="https://www.youtube.com/embed/spPdelVEs_k?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</html>
Unfortunately my webpage shows a completely different video. It shows this one.
https://www.youtube.com/watch?v=7sNL0T93ItM
Does the URL convert to something different? Help me solve this problem.
Your code is fine. You just need to clear the cookies on your browser and then it should load fine for you.
This is the video your code goes to:
https://www.youtube.com/watch?v=spPdelVEs_k
I stored a few youtube URLs in Firebase, and I want to insert them in the html like so:
<iframe width="560" height="315" src="{{main.vid}}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
However, when running the code it only displays a blank. I am using the correct URL when clicking share and then embed on Youtube.
When I replace the Firebase data URL with the normal one like so:
<iframe width="560" height="315" src="https://www.youtube.com/embed/6CulBuMCLg0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
it works fine. Any help?
It looks like you are using Angular or something similar.
Angular sanitizes URLs before string interpolation for security reasons.
You need to bypass the sanitizer. A possible solution is a custom pipe.