Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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 从视频播放列表、响应视频库播放视频_Javascript_Jquery_Video_Jplayer - Fatal编程技术网

Javascript 从视频播放列表、响应视频库播放视频

Javascript 从视频播放列表、响应视频库播放视频,javascript,jquery,video,jplayer,Javascript,Jquery,Video,Jplayer,我已经用jPlayer创建了一个视频播放内容,此外,我还添加了一个视频img缩略图库,允许用户单击并查看其他视频资源 此外,我还为视频的实施设置了以下功能: 一,。主视频帧将自动播放默认视频,此视频将一直播放,直到用户选择下一个/新视频 二,。用户可以滚动浏览可滚动的视频缩略图库,每个视频缩略图都有视频标题和简要说明 三,。当用户选择任何新视频时,新视频将替换当前正在播放的视频 四,。用户可以在视频的任何一个点退出视频,它会将他们带回视频页面,在那里他们可以选择一个新的视频 因此,以下特性定义了

我已经用jPlayer创建了一个视频播放内容,此外,我还添加了一个视频img缩略图库,允许用户单击并查看其他视频资源

此外,我还为视频的实施设置了以下功能:

一,。主视频帧将自动播放默认视频,此视频将一直播放,直到用户选择下一个/新视频

二,。用户可以滚动浏览可滚动的视频缩略图库,每个视频缩略图都有视频标题和简要说明

三,。当用户选择任何新视频时,新视频将替换当前正在播放的视频

四,。用户可以在视频的任何一个点退出视频,它会将他们带回视频页面,在那里他们可以选择一个新的视频

因此,以下特性定义了视频播放内容的行为

问题:

我已设法将以下功能的视频设置为feature3。问题出现在功能4,即当用户选择新视频时,将显示新视频,替换正在播放的当前视频。然而,此时,用户无法退出视频

我只能通过刷新页面或单击工具栏上的后退按钮退出视频,这是我不想要的行为。用户应该能够从正在播放的视频中退出视频

因此,我怎样才能纠正这个问题??谢谢

我已附上代码供阅读

$Reading_Video.jPlayer{ 就绪:函数{}, swfPath:javascript, 提供:webmv、ogv、m4v、, 循环:对, 全屏:对, 尺寸:{ 宽度:500, 身高:500 } }.bind$.jPlayer.event.play,函数{//当前播放时暂停播放器的其他实例 $this.jPlayerpauseOthers; }.bind$.jPlayer.event.click,函数{ //允许全屏显示 控制台。全屏显示 var video_elem=document.getElementByIdReading_video; 如果视频元素请求全屏显示{ 视频元素请求全屏显示; }否则,如果video_elem.msrequest全屏显示{ video_elem.msRequestFullscreen; }否则,如果视频元素为全屏{ 全屏视频; }否则,如果video_elem.webkitRequest全屏显示{ 全屏视频; } }; $Reading_Video.jPlayersetMedia{ //将m4v标记设置为阵列示意图视频列表 m4v:lib/video/video_1.mp4 }.jPlayerplay; $Reading_Video.show; } 函数loadVideoevent,videoID{ $EnjoyReading\u Video.loadVideoByIDvideoId; 违约事件; } .播放列表容器{ 位置:绝对位置; 顶部:180像素; 左:1350px; 高度:750px; 宽度:550px; 溢出:滚动; } .innerScroll{ 位置:绝对位置; 溢出y:滚动; } .拇指{ 位置:相对位置; 宽度:300px; 高度:200px; 浮动:左; 顶部:25px; 左:0; 溢出:隐藏; } .播放信息{ 位置:相对位置; 右:0px; 左:10px; 顶部:20px; 浮动:对; 宽度:250px; 高度:230像素; 溢出:隐藏; } .播放名称{ 位置:相对位置; 字体大小:30px; 颜色:c66!重要; 字号:700; } .播放内容{ 位置:相对位置; 字体大小:20px; 颜色:000!重要; 字体大小:300; } 视频标题 视频描述

视频标题 视频描述


“新视频将部分全屏显示”–什么是“部分全屏”?@CBroe编辑了这句话。你能帮忙吗?如果你想在全屏上自定义一个关闭按钮,那么把它放在你让全屏显示的元素中。基本上,我不想有任何控件,用户可以单击屏幕来展开或恢复screenWell,那么你想怎么办?如果您在全屏显示任何内容,那么用户有两个选项可以再次退出:使用浏览器UI为此任务提供的度量值通常是[esc]键或网站提供的自定义控件,当单击时,它会使元素再次退出全屏。