HTML youtube video link not showing video but downloads file The 2019 Stack Overflow Developer Survey Results Are InHow do I get a YouTube video thumbnail from the YouTube API?How to create an HTML button that acts like a link?camtasia video NOT playing on ipadplay a youtube video with a formYoutube video embeded doesnt showpython script to download youtube videoCannot show a html5 video dynamically with jsHow To get Youtube Videos .MP4 File using PHP OR JavaScript?How to protect video from download like youtubeShowing YouTube videos in an iFrame
What is this business jet?
How come people say “Would of”?
Getting crown tickets for Statue of Liberty
What do these terms in Caesar's Gallic Wars mean?
RequirePermission not working
What is this sharp, curved notch on my knife for?
If climate change impact can be observed in nature, has that had any effect on rural, i.e. farming community, perception of the scientific consensus?
Correct punctuation for showing a character's confusion
Finding the area between two curves with Integrate
How can I have a shield and a way of attacking with a ranged weapon at the same time?
Geography at the pixel level
What is preventing me from simply constructing a hash that's lower than the current target?
Short story: child made less intelligent and less attractive
How do I free up internal storage if I don't have any apps downloaded?
Why doesn't UInt have a toDouble()?
What does もの mean in this sentence?
What do hard-Brexiteers want with respect to the Irish border?
Worn-tile Scrabble
Loose spokes after only a few rides
Is it okay to consider publishing in my first year of PhD?
A word that means fill it to the required quantity
How to add class in ko template in magento2
Did Scotland spend $250,000 for the slogan "Welcome to Scotland"?
What information about me do stores get via my credit card?
HTML youtube video link not showing video but downloads file
The 2019 Stack Overflow Developer Survey Results Are InHow do I get a YouTube video thumbnail from the YouTube API?How to create an HTML button that acts like a link?camtasia video NOT playing on ipadplay a youtube video with a formYoutube video embeded doesnt showpython script to download youtube videoCannot show a html5 video dynamically with jsHow To get Youtube Videos .MP4 File using PHP OR JavaScript?How to protect video from download like youtubeShowing YouTube videos in an iFrame
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I am trying to load a video on my HTML page by using this code:
<video v-for="(data, key) in projectData.videos" :key="key" width="320" height="240" controls>
<source :src="data.url">
</video>
An example of a source that I am using is: http://www.youtube.com/v/qUfzflYqQeE
The url that I am getting is from an API.
But, the issue is that when the page is loaded and the video tags are shown, it is only blank and with the source that I have pasted above it tries to download a file.
However, I don't want this to happen, I just want to load video and let it play.
If someone can please help.
Many thanks.
javascript html vue.js video youtube
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
add a comment |
I am trying to load a video on my HTML page by using this code:
<video v-for="(data, key) in projectData.videos" :key="key" width="320" height="240" controls>
<source :src="data.url">
</video>
An example of a source that I am using is: http://www.youtube.com/v/qUfzflYqQeE
The url that I am getting is from an API.
But, the issue is that when the page is loaded and the video tags are shown, it is only blank and with the source that I have pasted above it tries to download a file.
However, I don't want this to happen, I just want to load video and let it play.
If someone can please help.
Many thanks.
javascript html vue.js video youtube
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
1
I guess, it will download a file, because this YouTube URL is pointing to a website: a HTML doc.
– r3dst0rm
Mar 8 at 11:18
add a comment |
I am trying to load a video on my HTML page by using this code:
<video v-for="(data, key) in projectData.videos" :key="key" width="320" height="240" controls>
<source :src="data.url">
</video>
An example of a source that I am using is: http://www.youtube.com/v/qUfzflYqQeE
The url that I am getting is from an API.
But, the issue is that when the page is loaded and the video tags are shown, it is only blank and with the source that I have pasted above it tries to download a file.
However, I don't want this to happen, I just want to load video and let it play.
If someone can please help.
Many thanks.
javascript html vue.js video youtube
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
I am trying to load a video on my HTML page by using this code:
<video v-for="(data, key) in projectData.videos" :key="key" width="320" height="240" controls>
<source :src="data.url">
</video>
An example of a source that I am using is: http://www.youtube.com/v/qUfzflYqQeE
The url that I am getting is from an API.
But, the issue is that when the page is loaded and the video tags are shown, it is only blank and with the source that I have pasted above it tries to download a file.
However, I don't want this to happen, I just want to load video and let it play.
If someone can please help.
Many thanks.
javascript html vue.js video youtube
javascript html vue.js video youtube
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
edited Mar 8 at 11:23
Aadil Hafesji
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
asked Mar 8 at 11:14
Aadil HafesjiAadil Hafesji
7913
7913
1
I guess, it will download a file, because this YouTube URL is pointing to a website: a HTML doc.
– r3dst0rm
Mar 8 at 11:18
add a comment |
1
I guess, it will download a file, because this YouTube URL is pointing to a website: a HTML doc.
– r3dst0rm
Mar 8 at 11:18
1
1
I guess, it will download a file, because this YouTube URL is pointing to a website: a HTML doc.
– r3dst0rm
Mar 8 at 11:18
I guess, it will download a file, because this YouTube URL is pointing to a website: a HTML doc.
– r3dst0rm
Mar 8 at 11:18
add a comment |
1 Answer
1
active
oldest
votes
If you want to use a <video> element to play a video, then the URL you give it must point to a video file. The URL you have does not. It leads to an HTML document.
If you want to embed YouTube videos, then use the YouTube embed code (which uses an iframe and the YouTube player along with YouTube adverts). YouTube isn't in the business of hosting plain video files for display on other sites without YouTube getting analytic data and being able to show adverts.
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
Could you please give me an example of how I can do this. Many thanks for the answer.
– Aadil Hafesji
Mar 8 at 11:21
Go to a YouTube video. Click Share. Click Embed. Copy/Paste.
– Quentin
Mar 8 at 11:21
But the thing is that the video URL that I am getting is from an API, so how can I do this? Is there another way?
– Aadil Hafesji
Mar 8 at 11:22
Go to a YouTube video. Click Share. Click Embed. Copy/Paste. Look at the resulting code. Just replace the video id with the one you get from the API.
– Quentin
Mar 8 at 11:24
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55062057%2fhtml-youtube-video-link-not-showing-video-but-downloads-file%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you want to use a <video> element to play a video, then the URL you give it must point to a video file. The URL you have does not. It leads to an HTML document.
If you want to embed YouTube videos, then use the YouTube embed code (which uses an iframe and the YouTube player along with YouTube adverts). YouTube isn't in the business of hosting plain video files for display on other sites without YouTube getting analytic data and being able to show adverts.
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
Could you please give me an example of how I can do this. Many thanks for the answer.
– Aadil Hafesji
Mar 8 at 11:21
Go to a YouTube video. Click Share. Click Embed. Copy/Paste.
– Quentin
Mar 8 at 11:21
But the thing is that the video URL that I am getting is from an API, so how can I do this? Is there another way?
– Aadil Hafesji
Mar 8 at 11:22
Go to a YouTube video. Click Share. Click Embed. Copy/Paste. Look at the resulting code. Just replace the video id with the one you get from the API.
– Quentin
Mar 8 at 11:24
add a comment |
If you want to use a <video> element to play a video, then the URL you give it must point to a video file. The URL you have does not. It leads to an HTML document.
If you want to embed YouTube videos, then use the YouTube embed code (which uses an iframe and the YouTube player along with YouTube adverts). YouTube isn't in the business of hosting plain video files for display on other sites without YouTube getting analytic data and being able to show adverts.
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
Could you please give me an example of how I can do this. Many thanks for the answer.
– Aadil Hafesji
Mar 8 at 11:21
Go to a YouTube video. Click Share. Click Embed. Copy/Paste.
– Quentin
Mar 8 at 11:21
But the thing is that the video URL that I am getting is from an API, so how can I do this? Is there another way?
– Aadil Hafesji
Mar 8 at 11:22
Go to a YouTube video. Click Share. Click Embed. Copy/Paste. Look at the resulting code. Just replace the video id with the one you get from the API.
– Quentin
Mar 8 at 11:24
add a comment |
If you want to use a <video> element to play a video, then the URL you give it must point to a video file. The URL you have does not. It leads to an HTML document.
If you want to embed YouTube videos, then use the YouTube embed code (which uses an iframe and the YouTube player along with YouTube adverts). YouTube isn't in the business of hosting plain video files for display on other sites without YouTube getting analytic data and being able to show adverts.
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
If you want to use a <video> element to play a video, then the URL you give it must point to a video file. The URL you have does not. It leads to an HTML document.
If you want to embed YouTube videos, then use the YouTube embed code (which uses an iframe and the YouTube player along with YouTube adverts). YouTube isn't in the business of hosting plain video files for display on other sites without YouTube getting analytic data and being able to show adverts.
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
edited Mar 8 at 11:22
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
answered Mar 8 at 11:18
QuentinQuentin
659k748961057
659k748961057
Could you please give me an example of how I can do this. Many thanks for the answer.
– Aadil Hafesji
Mar 8 at 11:21
Go to a YouTube video. Click Share. Click Embed. Copy/Paste.
– Quentin
Mar 8 at 11:21
But the thing is that the video URL that I am getting is from an API, so how can I do this? Is there another way?
– Aadil Hafesji
Mar 8 at 11:22
Go to a YouTube video. Click Share. Click Embed. Copy/Paste. Look at the resulting code. Just replace the video id with the one you get from the API.
– Quentin
Mar 8 at 11:24
add a comment |
Could you please give me an example of how I can do this. Many thanks for the answer.
– Aadil Hafesji
Mar 8 at 11:21
Go to a YouTube video. Click Share. Click Embed. Copy/Paste.
– Quentin
Mar 8 at 11:21
But the thing is that the video URL that I am getting is from an API, so how can I do this? Is there another way?
– Aadil Hafesji
Mar 8 at 11:22
Go to a YouTube video. Click Share. Click Embed. Copy/Paste. Look at the resulting code. Just replace the video id with the one you get from the API.
– Quentin
Mar 8 at 11:24
Could you please give me an example of how I can do this. Many thanks for the answer.
– Aadil Hafesji
Mar 8 at 11:21
Could you please give me an example of how I can do this. Many thanks for the answer.
– Aadil Hafesji
Mar 8 at 11:21
Go to a YouTube video. Click Share. Click Embed. Copy/Paste.
– Quentin
Mar 8 at 11:21
Go to a YouTube video. Click Share. Click Embed. Copy/Paste.
– Quentin
Mar 8 at 11:21
But the thing is that the video URL that I am getting is from an API, so how can I do this? Is there another way?
– Aadil Hafesji
Mar 8 at 11:22
But the thing is that the video URL that I am getting is from an API, so how can I do this? Is there another way?
– Aadil Hafesji
Mar 8 at 11:22
Go to a YouTube video. Click Share. Click Embed. Copy/Paste. Look at the resulting code. Just replace the video id with the one you get from the API.
– Quentin
Mar 8 at 11:24
Go to a YouTube video. Click Share. Click Embed. Copy/Paste. Look at the resulting code. Just replace the video id with the one you get from the API.
– Quentin
Mar 8 at 11:24
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55062057%2fhtml-youtube-video-link-not-showing-video-but-downloads-file%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
I guess, it will download a file, because this YouTube URL is pointing to a website: a HTML doc.
– r3dst0rm
Mar 8 at 11:18