Ufdjrw

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

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

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

share|improve this question

edited Mar 8 at 11:23

Aadil Hafesji

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 | 

0

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

share|improve this question

edited Mar 8 at 11:23

Aadil Hafesji

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

share|improve this question

edited Mar 8 at 11:23

Aadil Hafesji

asked Mar 8 at 11:14

Aadil HafesjiAadil Hafesji

7913

<video v-for="(data, key) in projectData.videos" :key="key" width="320" height="240" controls>
 <source :src="data.url">
</video>

share|improve this question

edited Mar 8 at 11:23

Aadil Hafesji

asked Mar 8 at 11:14

Aadil HafesjiAadil Hafesji

7913

share|improve this question

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

1 Answer
1

active

oldest

votes

2

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.

share|improve this answer

edited Mar 8 at 11:22

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
);



);

draft saved

draft discarded

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

Name

Email

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

Name

Email

Required, but never shown

2

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.

share|improve this answer

edited Mar 8 at 11:22

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 | 

2

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.

share|improve this answer

edited Mar 8 at 11:22

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.

share|improve this answer

edited Mar 8 at 11:22

answered Mar 8 at 11:18

QuentinQuentin

659k748961057

share|improve this answer

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