Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.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 如何仅在活动幻灯片中自动播放YouTube视频_Javascript_Html_Jquery_Css - Fatal编程技术网

Javascript 如何仅在活动幻灯片中自动播放YouTube视频

Javascript 如何仅在活动幻灯片中自动播放YouTube视频,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我使用Bootstrap4添加了slider,现在我只想在活动slider上自动播放YouTube视频。如果滑块改变,视频将暂停。有人能告诉我怎么做吗?你应该在视频元素上使用autoplay属性 我使用iframe标签的问题是,若我在url中使用autoplay属性,那个么所有幻灯片都将自动播放。我只想播放活动幻灯片如果不通过javascript强制播放(),则根据浏览器中的设置,属性可能不起作用,因为自动播放功能可能会被禁用。请尝试仅为document.querySelector('.acti

我使用Bootstrap4添加了slider,现在我只想在活动slider上自动播放YouTube视频。如果滑块改变,视频将暂停。有人能告诉我怎么做吗?

你应该在视频元素上使用autoplay属性


我使用iframe标签的问题是,若我在url中使用autoplay属性,那个么所有幻灯片都将自动播放。我只想播放活动幻灯片如果不通过javascript强制播放(),则根据浏览器中的设置,属性可能不起作用,因为自动播放功能可能会被禁用。请尝试仅为document.querySelector('.active iframe').src+='?autoplay=1'等活动幻灯片添加自动播放
for js: document.querySelector('#video').autoplay = true;
    or: document.getElementById("video_player").setAttribute('autoplay', true);
for jquery: $("#video_player")[0].autoplay = true;
    or: $("#video_player")[0].play();