音频视频播放(jquery中将jquery方法转化成js方法)

2023-05-07,,

在jQuery中没有音频视频直接播放的方法,我们在写音频视频时,应该将jquery的方法转化为js方法:play();pause()

补充:

  将jq对象转化成js对象写法:

var music=$("#music")[0];//将jq转化为js对象;

将js对象转化成jq对象:

这个对象已经存在,则只需要在此对象上加上$(),也即是$(对象)
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.1.0.min.js"></script>
<script>
$(function(){
$("#play").on("click",function(){
var music=$("#music")[0];//将jq转化为js对象
if ($(this).html()=="暂停"){//如果加入的为暂停。 music.pause();同时显示为 $(this).html("播放")
music.pause();
$(this).html("播放") }else {//否则music.play();同时显示为 $(this).html("暂停")
music.play();
$(this).html("暂停")
}
} )
})
</script>
</head>
<body>
<div id="play">暂停</div>
<audio src="music/m2.mp3" autoplay id="music"></audio>
</body>
</html>

音频视频播放(jquery中将jquery方法转化成js方法)的相关教程结束。

《音频视频播放(jquery中将jquery方法转化成js方法).doc》

下载本文的Word格式文档,以方便收藏与打印。