Question

如何修改让点击后,再开始播放视频 ,就是改成手动播放

现在是打开就自动播放,如何修改成点击后,开始播放 ,改成手动播放
<div id="playervideo" class="portfolio-slideshow flexslider animate-onscroll">

<!-- Video player -->
<!--poster is 缩略图-->

<video id="example_video_1" class="video-js vjs-default-skin" controls="true" preload="none" poster="chen.jpg" data-setup="{}" height="500" width="100%">

</video>

<script language="javascript">
var vList = ['2.mp4', '2.mp4', 'video//demo.mp4']; // 初始化播放列表
var vLen = vList.length; // 播放列表的长度
var curr = 0; // 当前播放的视频

var video = document.getElementById("example_video_1");

/*var video = document.createElement("VIDEO");
video.setAttribute("width", "100%");
video.setAttribute("height", "500");
video.setAttribute("id", "example_video_1");
video.setAttribute("class", "video-js vjs-default-skin");
video.setAttribute("preload", "none");
video.setAttribute("poster", "video//demo.jpg");
video.setAttribute("data-setup", "{}");
video.setAttribute("controls", "yes");
document.getElementById("playervideo").appendChild(video);*/
//document.body.appendChild(video);

video.addEventListener('ended', play);
play();
function play(e) {
video.src = vList[curr];
video.load();
video.play();
curr++;
if(curr >= vLen){
curr = 0; // 播放完了，重新播放
}

}
</script>
<!-- /Video player -->
</div>

Answer 1

把你贴的代码第30行：
play();
删除掉即可去除自动播放的效果。

追问

删除play(); 就无法播放了,

追答

没有手动触发点击的位置吗？

那就添加一个按钮：

<button onclick="play()">播放</button>

追问

有播放按钮的 删除play(); 这个按钮是无法点击的

你把代码运行下,你就知道是什么效果了

追答

1）没看到你代码里体现“播放按钮”。
2）确认在你已有的播放按钮里添加： onclick="play()" 如上一次回答的代码一样。

追问

朋友你把我的代码运行下,就知道是什么效果了,按你说的改,没办实现