js更改标签中的路径src后不能播放视频

格格鸽 格格鸽 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
各位大侠,请不吝赐教!
我想在网页上用<video>标签放一个视频播放器,点击视频目录来自动播放不同的视频。我通过js动态生成li,点击li之后更改<video>标签<source>中的src,设置autoplay。代码中的src确实有变化,但是网页中的视频并没有自动播放我点击之后的视频,而且播放器中什么都没有。是哪里出问题了呢?
下面贴代码:
// js:
var moveul = document.getElementById("move_ul");
for(var i=0;i<3;i++){
var linode= document.createElement("li");
linode.id=i;
linode.innerHTML=i;
moveul.appendChild(linode);
}

lis=moveul.getElementsByTagName('li');
for(var i=0,l=lis.length;i<l;i++){
lis[i].onclick=function(){
var id=this.id;
var text=document.getElementById(id).innerHTML;
document.getElementById("videoSourceid").src=text+".mp4";
document.getElementById("videoid").autoplay=“autoplay”;

}
}

//html:
<div class="hide" id="hide_parent1">
<video width="320" height="240" controls="controls" id="videoid" >
<source id="videoSourceid" src="" type="video/mp4"/>
</video>
<ul id="move_ul" ></ul>
</div>
...全文
评论 9
收藏 已收藏
分享
返回顶部
格格鸽
JavaScript 87,983 成员 224,681 内容