Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Impress.js上聚焦幻灯片时取消视频声音静音_Javascript_Video - Fatal编程技术网

Javascript 如何在Impress.js上聚焦幻灯片时取消视频声音静音

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() *

这些是我的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() * (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是输入的步骤