js更改标签中的路径src后不能播放视频
各位大侠,请不吝赐教!
我想在网页上用<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>
我想在网页上用<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>
...全文
相关推荐
html页面播放mp4视频
html5的。在html页面实现播放mp4视频的目的
flv.js 测试demo (h5 video标签播放flv视频)
flv.js 测试demo 将整个文件夹放在web服务器目录下,可使用xampp搭建服务器,放在htdocs下,通过 http://localhost/flv 访问
javascript实现简单的html5视频播放器
网页视频音频播放器大家并不陌生,在IE中我们可以运行ActiveX来嵌入微软的Media Player或者其他的本地播放器,当然可能大部分我们都是使用Flash来制作播放器。在HTML5发展迅速的今天,让我们尝试用HTML5来制作网页播放器吧,毕竟无论是PC还是移动设备,HTML5是未来的趋势
为了解决在safari浏览器video标签无法播放视频的问题
为了解决在safari浏览器video标签无法播放视频的问题
javascript 视频播放
一个简单易懂的js视频播放demo页面.


