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
通过自动播放和滚动停止向Wordpress添加视频_Wordpress_Video - Fatal编程技术网

通过自动播放和滚动停止向Wordpress添加视频

通过自动播放和滚动停止向Wordpress添加视频,wordpress,video,Wordpress,Video,我需要在我的Wordpress页面中插入媒体库中上传的视频。此视频必须在浏览器视图中自动播放,并且必须在用户滚动时停止 我试着使用标签和自动播放功能,这是确定的。然后我在我的js文件夹(主题文件夹)中添加了一个包含Javascript代码的文件,以便添加停止滚动功能。我怀疑我尝试过的代码,如果只使用YouTube链接就可以了 这是我尝试过的代码 //视频可见时播放 var videos=document.getElementsByTagName(“iframe”),分数=0.8; 函数check

我需要在我的Wordpress页面中插入媒体库中上传的视频。此视频必须在浏览器视图中自动播放,并且必须在用户滚动时停止

我试着使用标签和自动播放功能,这是确定的。然后我在我的js文件夹(主题文件夹)中添加了一个包含Javascript代码的文件,以便添加停止滚动功能。我怀疑我尝试过的代码,如果只使用YouTube链接就可以了

这是我尝试过的代码

//视频可见时播放
var videos=document.getElementsByTagName(“iframe”),分数=0.8;
函数checkScroll(){
对于(var i=0;i分数){
播放视频();
}否则{
pauseVideo();
}
}
};
var tag=document.createElement('script');
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
// 3. 此函数用于创建(和YouTube播放器)
//API代码下载后。
var播放器;
函数onyoutubeiframeapiredy(){
player=新的YT.player('player'{
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
};
// 4. 当视频播放器准备就绪时,API将调用此函数。
函数onPlayerReady(事件){
window.addEventListener('scroll',checkScroll,false);
window.addEventListener('resize',checkScroll,false);
//至少检查一次,这样您就不必等待滚动视频开始
window.addEventListener('load',checkScroll,false);
};
函数onPlayerStateChange(事件){
if(event.data==YT.PlayerState.PLAYING){
//console.log(“播放的事件”);
}否则{
//console.log(“事件暂停”);
}
};
函数stopVideo(){
player.stopVideo();
};
函数playVideo(){
player.playVideo();
};
函数pauseVideo(){
player.pauseVideo();
};

使用Youtube链接,脚本将暂停滚动视频,但不自动播放。我希望使用我的Wordpress媒体库中的视频自动播放和暂停滚动,而不是使用自定义脚本,您可以使用Wordpress媒体库提供的[plugin][1]来节省时间和精力

另一个解决方案是将此javascript用于自动播放视频:

https://codepen.io/bloodcrow777/pen/QBVKKy
var autoPlayVideo=document.getElementById(“ocScreencapVideo”);
autoPlayVideo.oncanplaythrough=函数(){
autoPlayVideo.muted=true;
autoPlayVideo.play();
自动播放视频。暂停();
autoPlayVideo.play();
}

您的浏览器不支持MP4格式视频或HTML5视频。

我看不到你链接的Wordpress插件你发布的JavaScript没有暂停用户滚动上的视频