Javascript 视频播放器没有';不显示
我使用视频播放器框架。我创建了一个javascript函数,用于获取视频url并将其发送到json数组 以下是我的javascript代码的一部分:Javascript 视频播放器没有';不显示,javascript,video,Javascript,Video,我使用视频播放器框架。我创建了一个javascript函数,用于获取视频url并将其发送到json数组 以下是我的javascript代码的一部分: var tvp_settings; function get_video_urls(hurl , durl , lurl) { alert(durl); /* SETTINGS */ tvp_settings = { video:[
var tvp_settings;
function get_video_urls(hurl , durl , lurl) {
alert(durl);
/* SETTINGS */
tvp_settings = {
video:[
{
type:'local',
path:{
Default: durl
},
previewImage:'https://elixirforum.com/uploads/default/original/2X/c/c7df6a9814561c3b152270e0f82fd01bf4f60564.jpg',
/* optional below */
showControls:true,/* show controls while video plays */
disableSeekbar:true,/* disable seekbar in controls */
showSkipBtn:true,/* show skip button */
skipBtnText:'باقیمانده',/* skip button message. */
skipEnableTime:5,/* time until skip button is enabled, in seconds */
link:'http://www.persianstacks.ir',/* click on video url link. Leave empty for none. */
target:'_blank',/* _blank/_parent (opens in new/same window) */
},
但视频播放器不显示视频。当我把这个变量创建成函数时,视频播放器工作得非常好
durl = 'sample video url';
问题是什么
更新:
这是我的完整代码:
<script>
var tvp_settings;
function get_video_urls(hurl , durl , lurl) {
alert(durl);
/* SETTINGS */
tvp_settings = {
video:[
{
type:'local',
path:{
Default: durl
},
previewImage:'https://elixirforum.com/uploads/default/original/2X/c/c7df6a9814561c3b152270e0f82fd01bf4f60564.jpg',
/* optional below */
showControls:true,/* show controls while video plays */
disableSeekbar:true,/* disable seekbar in controls */
showSkipBtn:true,/* show skip button */
skipBtnText:'باقیمانده',/* skip button message. */
skipEnableTime:5,/* time until skip button is enabled, in seconds */
link:'http://www.persianstacks.ir',/* click on video url link. Leave empty for none. */
target:'_blank'/* _blank/_parent (opens in new/same window) */
},
{
type:'local',
path:{
High: 'https://hw20.asset.aparat.com/aparat-video/5239d6e217bb2c2dc156b033141566358949397-144p__68773.mp4',
Default: 'https://hw20.asset.aparat.com/aparat-video/5239d6e217bb2c2dc156b033141566358949397-144p__68773.mp4',
Low: 'https://hw20.asset.aparat.com/aparat-video/5239d6e217bb2c2dc156b033141566358949397-144p__68773.mp4'
},
previewImage:'https://www.w3schools.com/w3css/img_lights.jpg',
/* optional below */
showControls:true,/* show controls while video plays */
disableSeekbar:false,/* disable seekbar in controls */
showSkipBtn:false,/* show skip button */
skipBtnText:'',/* skip button message. */
skipEnableTime:10,/* time until skip button is enabled, in seconds */
link:'',/* click on video url link. Leave empty for none. */
target:'_blank',/* _blank/_parent (opens in new/same window) */
downloadPath:'../videos/fv.mp4',
captions:'',/* subtitles */
events: ''/*timed events over video */
}
],
endAction: 'stop',/* stop/loop/link (applies to last video in sequence) */
endLink:'',/* end link action. Leave empty for none. */
endTarget:'_parent',/* _blank/_parent (opens in new/same window) */
useWebmVideoFormat:false,/* true/false (Browser support for html5 video requires minimum of 2 video formats to cover all browsers, mp4 and ogv being preferred. If useWebmVideoFormat is true, then webm will be used instead of a ogv.) */
useYoutubeApi:false,/* use youtube api to get video title, description, thumbnail */
useYoutubeHighestQuality:false,/* true/false (use highest available quality for youtube video, if false, then it set to default chosen by youtube) */
defaultVolume:1,/* 0-1 */
autoPlay:false,/* true/false (defaults to false on mobile)*/
useContextMenu:true,/* true/false (use right click custom context menu, defaults to false on mobile) */
contextMenuText:'FURY_STUDIO',/* Custom text link in context menu. Leave empty for none like. */
contextMenuLink:'http://www.persianstacks.ir',/* url link */
contextMenuTarget:'_blank',/* _blank/_parent (opens in new/same window) */
useLogo:true,/* true/false */
logoPath:'http://localhost/mysite/wp-content/themes/furytemplate/videoplayer/data/logo.png',/* path to logo image */
logoLink:'http://codecanyon.net/user/Tean/portfolio',/* url link. Leave empty for none. */
logoTarget:'_blank',/* _blank/_parent (opens in new/same window) */
logoTooltipText:'فیوری استودیو',/* logo tooltip text. */
useControls:true,/* true/false (use video controls) */
autoHideControls:false,/* auto hide controls: true/false. Defaults to false on mobile. */
controlsTimeout:5000,/* time after which controls hide in fullscreen if mouse inactive, in miliseconds. */
useEmbedCode:true,/* true/false (use embed code) */
useSharing:false,/* true/false (use social sharing) */
autoReuseMailForDownload: true,/* true/false. download backup for mobile, save email after first use and auto send all emails to the same address */
closeRemovesEvents:true,/* true/false (when event is closed via close btn, it doesnt show in the same video any more) */
useTooltips:true,/* true/false (use tooltips on buttons) */
volumeTooltipText:'صدا',/* volume button tooltip text. */
fullscreenTooltipText:'تمام صفحه',/* fullscreen button tooltip text. */
captionsTooltipText:'Captions',/* caption button tooltip text. */
qualityTooltipText:'کیفیت',/* quality button tooltip text. */
downloadTooltipText:'دانلود',/* download button tooltip text. */
videoInfoTooltipText:'اظلاعات ویدئو',/* video info button tooltip text. */
shareTooltipText:'انتشار',/* share button tooltip text. */
closeTooltipText:'بستن',/* close video info/share button tooltip text. */
media_id:'player1'/* unique string for player identification (if multiple player instances were used, then strings need to be different!) */
};
}
var hap_player;
jQuery(document).ready(function($) {
hap_player = $('#mainWrapper').videoGallery(tvp_settings);
//initDemo();
});
</script>
var tvp_设置;
函数获取视频URL(hurl、durl、lurl){
警报(durl);
/*背景*/
tvp_设置={
视频:[
{
类型:'local',
路径:{
默认值:durl
},
预览图像:'https://elixirforum.com/uploads/default/original/2X/c/c7df6a9814561c3b152270e0f82fd01bf4f60564.jpg',
/*可选项如下*/
showControls:true,/*播放视频时显示控件*/
disableSeekbar:true,/*在控件中禁用seekbar*/
showSkipBtn:true,/*显示跳过按钮*/
skipBtnText:“跳过按钮”消息*/
SkipPenableTime:5,/*启用跳过按钮之前的时间,以秒为单位*/
链接:'http://www.persianstacks.ir“,/*单击视频url链接。保留为空表示无*/
目标:“\u blank”/*\u blank/\u父项(在新窗口/相同窗口中打开)*/
},
{
类型:'local',
路径:{
高:'https://hw20.asset.aparat.com/aparat-video/5239d6e217bb2c2dc156b033141566358949397-144p__68773.mp4',
默认值:'https://hw20.asset.aparat.com/aparat-video/5239d6e217bb2c2dc156b033141566358949397-144p__68773.mp4',
低:'https://hw20.asset.aparat.com/aparat-video/5239d6e217bb2c2dc156b033141566358949397-144p__68773.mp4'
},
预览图像:'https://www.w3schools.com/w3css/img_lights.jpg',
/*可选项如下*/
showControls:true,/*播放视频时显示控件*/
disableSeekbar:false,/*在控件中禁用seekbar*/
showSkipBtn:false,/*显示跳过按钮*/
skipBtnText:“,/*跳过按钮消息*/
SkipPenableTime:10,/*启用跳过按钮之前的时间,以秒为单位*/
链接:“”,/*单击视频url链接。保留为空表示无*/
目标:“\u blank”/*\u blank/\u父级(在新窗口/相同窗口中打开)*/
下载路径:“../videos/fv.mp4”,
字幕:'',/*字幕*/
事件:“”/*视频上的定时事件*/
}
],
endAction:'停止',/*停止/循环/链接(适用于序列中的最后一个视频)*/
结束链接:“”,/*结束链接操作。保留为空表示无*/
endTarget:“\u parent”/*\u blank/\u parent(在新窗口/相同窗口中打开)*/
useWebmVideoFormat:false、/*true/false(浏览器对html5视频的支持至少需要2种视频格式才能覆盖所有浏览器,mp4和ogv是首选。如果useWebmVideoFormat为true,则将使用webm而不是ogv。)*/
useYoutubeApi:false,/*使用youtube api获取视频标题、描述和缩略图*/
useYoutubeHighestQuality:false、/*true/false(对youtube视频使用最高可用质量,如果为false,则设置为youtube选择的默认值)*/
默认卷:1,/*0-1*/
自动播放:false,/*true/false(在手机上默认为false)*/
useContextMenu:true、/*true/false(使用右键单击自定义上下文菜单,在手机上默认为false)*/
contextMenuText:'FURY_STUDIO',/*上下文菜单中的自定义文本链接。保留为空表示不喜欢*/
contextMenuLink:'http://www.persianstacks.ir“,/*url链接*/
contextMenuTarget:“\u blank”/*\u blank/\u父对象(在新窗口/相同窗口中打开)*/
useLogo:true、/*true/false*/
logoPath:'http://localhost/mysite/wp-content/themes/furytemplate/videoplayer/data/logo.png“,/*徽标图像的路径*/
logonlink:'http://codecanyon.net/user/Tean/portfolio“,/*url链接。保留为空表示无*/
logoTarget:“\u blank”/*\u blank/\u父项(在新窗口/相同窗口中打开)*/
logoTooltipText:“/*徽标工具提示文本”*/
useControls:true、/*true/false(使用视频控件)*/
AutoHideControl:false,/*自动隐藏控件:true/false。在移动设备上默认为false*/
controlsTimeout:5000,/*如果鼠标处于非活动状态,则控件全屏隐藏的时间,单位为毫秒*/
useEmbedCode:true、/*true/false(使用嵌入代码)*/
使用共享:false,/*true/false(使用社交共享)*/
autoReuseMailForDownload:true、/*true/false。下载手机备份,首次使用后保存电子邮件,并自动将所有电子邮件发送到同一地址*/
closeRemovesEvents:true、/*true/false(当通过close btn关闭事件时,它不再显示在同一视频中)*/
使用工具提示:true、/*true/false(在按钮上使用工具提示)*/
VolumeTooltTipText:“دا”,/*音量按钮工具提示文本*/
全屏工具提示文字:“全屏按钮工具提示文字”*/
captionsTooltipText:'Captions',/*标题按钮工具提示文本*/
qualityTooltipText:“/*质量按钮工具提示文本”*/
下载工具提示文字:“下载按钮工具提示文字”*/
视频信息工具提示文字:“视频信息按钮工具提示文字”*/
shareTooltipText:“/*共享按钮工具提示文本”*/
closeTooltipText:'بتن',/*关闭视频信息/共享按钮工具提示文本*/
媒体id:'player1'/*唯一字符