I wanted to put a video from YouTube on my page, so I used a script that I copied from my blog on Google Blogger, as follows:
<div>
<iframe
id="vid"
allowfullscreen=""
class="YOUTUBE-iframe-video"
data-thumbnail-src="https://i.ytimg.com/vi/sjxDbz9HOnE/0.jpg"
frameborder="0"
src="https://www.youtube.com/embed/sjxDbz9HOnEfeature=player_embedded"
height="300"
width="300">
</iframe>
</div>
And the method succeeded with these video,
I compared the video link used to the original link and found the following:
video link used: https://www.youtube.com/embed/sjxDbz9HOnE?feature=player_embedded
original video link: https://www.youtube.com/watch?v=sjxDbz9HOnE&feature
we know that almost all YouTube videos start with the phrase: https://www.youtube.com/watch?v=
And from it the code that distinguishes the video is the phrase after it, which is: sjxDbz9HOnE
And from it to fetch any video we use the following link: https://www.youtube.com/embed/__video_cod__?feature=player_embedded
It also applies to the other link, which is about the video image, where: https://i.ytimg.com/vi/__video_cod__/0.jpg
But as I said, the method worked with me only with this video and tried to try another video, so the image of the video appears and when I click on it to play the video it does not work and displays an error message.
you should use a valid video url. your url "https://www.youtube.com/embed/sjxDbz9HOnEfeature=player_embedded" is dead.
Related
I am using the below code for youtube embed url and it working perfectly fine. But now I have an url which is from my sharepoint account. I want to play that but its not working. Please help me out.
<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" type="text/html" webkitallowfullscreen
mozallowfullscreen allowfullscreen width="600" height="400" [src]="url">
</iframe>
previously the code for url was like stated below which was running fine and i was able to play my video
const safeURL = https://www.youtube.com/embed/${this.data?.videoID}?autoplay=0&fs=1&iv_load_policy=3&showinfo=0&rel=0&cc_load_policy=0&start=0&end=0;
this.url = this.safePipe.transform(safeURL, 'resourceUrl');
but now i want to change the url's value like this
this.url = 'https://abc-my.sharepoint.com/:v:/p/abc/EZD14y8daXNMpxefWdmVOj8BxpWcHM7RHRq6GyCb8Dv0Gw';
but now I am not able to play my video. Can you please help me out in playing non-youtube videos in my angular 8 application.
The <iframe> tag will not intelligently digest the content and output markup like your browser does when you navigate to the SharePoint's hosted video.
The Youtube embed URLs are not URLs to a video file - they have markup in them, which is why the player is different to your default browser's video player.
If you were to go to that SharePoint video in your browser and view the page's source, you'd see that some stuff gets added, but if you were to run wget https://thevideourl.com/myvideo.mp4 you would download only the video, not a html document containing a video tag which references the video.
Consider using a <video> tag with a src attribute. For example:
<!-- Instead of... -->
<iframe src="https://sharepoint.com/thevideourl"></iframe>
<!-- Do... ->
<video src="https://sharepoint.com/thevideourl"></video>
Now, the fact that it's in SharePoint raises questions as to whether or not your browser will be able to access the video at all given the above code. I am not sure if it would authenticate you properly.
I need to embed some audio files from Google Drive into my WebSite. I'm able to embed, it works just fine, the problem is, I can't edit the player (Picture below).
There is anyway I can do this?
<iframe
frameborder="0"
width="100%"
height="70"
src="https://drive.google.com/file/d/1XcG5vGKQmapAZBQW9yTI901-XBzGBpo8/preview?usp=sharing">
</iframe>
In this video https://www.youtube.com/watch?v=DO7aB5E9xLI has presented two ways how to embed mp3 from dgrive, the second one getting you direct way to the mp3 which you could embed with audio tag in your page then I suppose you could hide it and make design of your own player and via javascript do some actions with emeded audio player.
So look here ...
I want to add youtube live streaming video to my site this is the link
https://www.youtube.com/watch?v=EGYAnAoMbmA
and this is the code but it did not work:
<iframe width="560" height="315" src="https://www.youtube.com/watch?v=EGYAnAoMbmA" frameborder="0" allowfullscreen></iframe>
As the folks in the comments suggest, you should check to see if your YouTube video allows embedding.
Google has this procedure. Briefly speaking, first sign into YouTube, then go to your Video Manager. Click Edit beside the video you want to embed, then under the "advanced settings", find the "Distribution Options" and make sure the "Allow embedding" checkbox is checked; otherwise the embed will not work.
The good thing is that there appears to be no problem with your embed code, so it should only be a matter of making sure your video is even embeddable.
I would like to embed a video hosted on YouTube and play it when the user clicks on a button in popup.html.
I was following the solution listed here:
Showing a YouTube video in a Google Chrome extension
A new tab opens but I don't see the video, I only see a gray rectangle with a smiley inside.
I guess Google is blocking the video somehow.
Is it possible to show YouTube video on a new tab opened by background.js?
Thanks
EDIT:
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/XXXXXX?html5=1" frameborder="0" allowfullscreen></iframe>
</div>
You are using a protocol-relative URL:
src="//www.youtube.com/embed/XXXXXX?html5=1"
At the same time, the embedding page has a URL like
chrome-extension://yourextensionidhere/page.html
This results in an src URL
chrome-extension://www.youtube.com/embed/XXXXXX?html5=1
which is obviously invalid and results in a network error (rendered in a subframe as a grey page with a sad face).
To resolve this, change the protocol-relative URL to explicit https://...
I am using Youtube API and playing a video from youtube by sending video ID.
and video is been played well.
Code:
<iframe width="420" height="315" src="http://www.youtube.com/embed/XGSy3_Czz8k"></iframe>
Now i have a button and i want the javascript to capture the frame which is been played at that particular time.
<input type="button" id="capture" value="Capture" onclick="Captureimage();"/>
like we have this screen capture in VLC media player
I want to have the same functionality here.
Since its an embedded media(Video inside iFrame), struggling bit.
tried with html2canvas. No lucks.
Can anyone plz help.
Regards,
Arun