Javascript 如何在Impress.js上聚焦幻灯片时取消视频声音静音
这些是我的impress.js幻灯片。其中2个有视频。我只想让焦点幻灯片播放声音。每次播放幻灯片时,我都想让其他人静音。每张幻灯片都有一个iframe,里面有视频 视频的播放列表脚本为:Javascript 如何在Impress.js上聚焦幻灯片时取消视频声音静音,javascript,video,Javascript,Video,这些是我的impress.js幻灯片。其中2个有视频。我只想让焦点幻灯片播放声音。每次播放幻灯片时,我都想让其他人静音。每张幻灯片都有一个iframe,里面有视频 视频的播放列表脚本为: function shuffle (array) { var i = 0 , j = 0 , temp = null for (i = array.length - 1; i > 0; i -= 1) { j = Math.floor(Math.random() *
function shuffle (array) {
var i = 0
, j = 0
, temp = null
for (i = array.length - 1; i > 0; i -= 1) {
j = Math.floor(Math.random() * (i + 1))
temp = array[i]
array[i] = array[j]
array[j] = temp
}
}
function play_vid() {
video.src = links[current]
video.play();
if(current!=links.length) {
current++;
}
}
var video = $("#w-video").get(0);
var current = 0;
var links = [];
playlist = $('#playlist');
tracks = playlist.find('li a');
$.each(tracks, function(){
links.push($(this).attr('href'));
});
shuffle(links);
play_vid();
video.onended = function(e) {
play_vid();
};
<video id="w-video" class="video-js w-video" muted autoplay controls width=640 height=480></video>
<ul id="playlist">
<li><a href="https://gemusteste.novohamburgo.rs.gov.br/temp_videos/[SMS]Filme_Mais_Medicos_1min.mp4">Number One</a>
<li><a href="https://gemusteste.novohamburgo.rs.gov.br/temp_videos/[SMS]FILME_MeningiteC_e_HPV_1min.mp4">Number Two</a>
视频的html代码为:
function shuffle (array) {
var i = 0
, j = 0
, temp = null
for (i = array.length - 1; i > 0; i -= 1) {
j = Math.floor(Math.random() * (i + 1))
temp = array[i]
array[i] = array[j]
array[j] = temp
}
}
function play_vid() {
video.src = links[current]
video.play();
if(current!=links.length) {
current++;
}
}
var video = $("#w-video").get(0);
var current = 0;
var links = [];
playlist = $('#playlist');
tracks = playlist.find('li a');
$.each(tracks, function(){
links.push($(this).attr('href'));
});
shuffle(links);
play_vid();
video.onended = function(e) {
play_vid();
};
<video id="w-video" class="video-js w-video" muted autoplay controls width=640 height=480></video>
<ul id="playlist">
<li><a href="https://gemusteste.novohamburgo.rs.gov.br/temp_videos/[SMS]Filme_Mais_Medicos_1min.mp4">Number One</a>
<li><a href="https://gemusteste.novohamburgo.rs.gov.br/temp_videos/[SMS]FILME_MeningiteC_e_HPV_1min.mp4">Number Two</a>
impress.js每次移动到下一步时都会发出一个impress:stepenter javascript事件。您应该为此事件编写一个事件侦听器,然后在该事件侦听器中禁用/取消禁用/播放/停止视频。event.target是输入的步骤