简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > H5 Tutorial > body text

The attribute currentSrc that returns the URL of the current audio/video in html5

黄舟
Release： 2017-11-08 10:58:55
Original
3218 people have browsed it

Example

Get the URL of the current video: 

myVid=document.getElementById("video1");
alert(myVid.currentSrc);
Copy after login

Definition and usage

currentSrc Familiar returns the URL of the current audio/video.

If audio/video is not set, an empty string is returned.

Browser support

All major browsers support the currentSrc attribute.

Note: This attribute is not supported in Internet Explorer 8 or earlier browsers.

Syntax

audio|video.currentSrc
Copy after login

Technical details

Return valueString, indicating the current URL of the audio/video

Example

Get the URL of the current video: 

<!DOCTYPE html> 
<html> 
<body> 

<p>
	<button onclick="getVid()" type="button">获得当前视频的 URL</button>
</p>

<video id="video1" controls="controls">
	<source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
	<source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
	您的浏览器不支持 video 标签。
</video>

<script>
var myVid = document.getElementById("video1");
function getVid()  { 
	alert(myVid.currentSrc);
} 
</script> 

</body> 
</html>
Copy after login


The above is the detailed content of The attribute currentSrc that returns the URL of the current audio/video in html5. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
h5 html5 video
source：php.cn
Previous article：In HTML5, set or return the attribute controls that the browser should display standard audio and video controls. Next article：H5 sets or returns the currentTime property of the current position (in seconds) of audio/video playback
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to set HTML5's required attribute using Javascript? I'm trying to mark a text input box as required in Javascript. <inputid="edName&qu...
From 2023-10-13 08:52:25
0
2
317
Problem with not getting accurate mouse coordinates: using HTML5 canvas when resizing the page I want to create this pixel effect from a front-end expert. Although I can achieve the ent...
From 2023-09-12 12:20:33
0
1
280
HTML5 video M3U8 encoded with Base64 I want to add a base64 encoded M3U8 file in the Video tag of HTML5, how can I do it<!DO...
From 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: onclick event method not called, error "Variable not found: updateDocument" I'm new to front-end development but have basic understanding of HTML5, CSS and Javascript...
From 2023-09-09 20:06:48
0
1
362
Remove closing slash '/' from image tag in XHTML I have a string txt1 that stores an image. Its value is in XHTML format, i.e. the element ...
From 2023-09-06 12:15:38
0
1
240
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！