Tag: jwplayer

jQuery,Masonry,JWPlayer,Infinite-Scroll在PHP Include文件中附加“ ”标签不起作用

首先,我将简要概述一下我要完成的工作。 我有一个主要的PHP页面,它从mySQL数据库加载图像,文本和video(使用JWPlayer播放),并使用Masonry进行布局。 我也在使用Infinite-Scroll,它使用以下代码加载其他内容: $container.masonry( ‘appended’, $newElems, true ); 其他内容通过名为loadMore.php的PHP页面加载 在上面的lodeMore.php页面中,我正在从数据库中加载更多的文本,图像和video。 如果从数据库加载的项目是video,我尝试使用名为“ videoPlayer.php ”的php包含文件显示它。 这个PHP包含文件的代码如下: <?PHP echo"Loading the video player … jwplayer(‘$i’).setup({ flashplayer: ‘player.swf’, image: ‘$imagePath’, skin: ‘images/slim.zip’, width: 250, height: 141, plugins: { gapro: { accountid: ‘UA-30548455-1’} }, file: ‘$videoPath’ }); “; ?> 上面的文件适用于主页最初加载时显示的video内容,但是,如果它是通过append和loadMore.php页面加载的,则它不会为video播放器显示上述javascript。 我发现您似乎无法使用append附加包含 标记的内容,因为标记会导致append停止或关闭。 我尝试了各种解决方案,包括使用关闭脚本标记,但是,即使这似乎也不起作用。 如果任何人都可以提供一些见解或可能的方式,我可以使用append获取video播放器的标签,这将是伟大的! 嗨jwatts,所以这里是我的代码,包括你推荐的广告代码: $(function(){ var $container = $(‘#container’); $container.imagesLoaded(function(){ […]

JW Player在Firefox和IE9中无法正常工作

我在使用JW Player与Firefox和IE9正常工作时遇到了问题。 http://jsfiddle.net/2rzyB/ 问题是玩家应该出现在哪里我在Firefox中看不到任何东西。 在IE中我看到一个非常搞砸的大小。 它适用于所有其他浏览器。

如何动态编辑JW Player JavaScript?

我的页面中有一个包含JW播放器代码的文本框: Loading the player … jwplayer(“video-container”).setup({ autostart: false, skin: “/skins/modieus/modieus.zip”, image: “/wp-content/uploads/picture-filename.jpg”, file: “/wp-content/uploads/video-filename.mp4”, flashplayer: “/jwplayer/player.swf”, volume: 80, width: 853, height: 480 }); 另外,我有三个其他文本区域和两个复选框: 第一个文本框是图像的名称。 第二个是video文件的名称。 第三个是单独的占位符,其中将放置生成的脚本输出(见下文)。 您可以在上面的JavaScript中看到它们: image: “/wp-content/uploads/picture-filename.jpg” file: “/wp-content/uploads/video-filename.mp4” 当您单击第一个复选框时,我们需要从文本区域中获取脚本,并将图像和video文件的名称从他们自己的文本框添加到正确的位置。 然后,此生成的代码将添加到页面底部的第三个文本区域。 如果用户单击第二个复选框,则应从文本区域中抓取JW Player的原始(简单)代码,并将其插入页面底部的第三个文本区域而不进行任何修改。 为实现这一目标,我需要使用哪些代码? 这是通过服务器端的PHP还是客户端的jQuery更好地完成的?

JW播放器 – video适用于chrome,而不是firefox或IE

见工作链接 。 在主页上我有两个video(#intro_video和#video_container),在Chrome下我没有问题,但在Firefox和IE中video无法播放。 它正在加载预览图像,但是当您单击播放时,它会尝试加载片刻,然后返回预览。 我尝试过使用Jquery Flash(加载#intro_video): var so = new SWFObject(‘/swf/player.swf’,’ply’,’670′,’300′,’9′,’#000000′); so.addParam(‘allowfullscreen’,’true’); so.addParam(‘allowscriptaccess’,’always’); so.addParam(‘wmode’,’opaque’); so.addVariable(‘playlistfile’,’/videos/home.rss’); so.addVariable(‘playlist’,’left’); so.addVariable(‘playlistsize’,’240′); so.addVariable(‘bufferlength’,’15’); so.addVariable(‘plugins’,’fbit-1′); so.addVariable(‘dock’,’true’); so.addVariable(‘skin’,’/swf/modieus.swf’); so.addVariable(‘lightcolor’,’CC3399′); so.write(‘video_container’); 并且从向导中推荐的javascript(#video_container)没有运气: $(document).ready(function(){ // intro video $(‘#intro_video’).flash({ src: ‘/swf/player.swf’, width: 367, height: 260, flashvars: { allowfullscreen: ‘true’, allowscriptaccess: ‘always’, wmode: ‘opaque’, file: ‘http://www.888behindthescenes.com/media/videos/intro2.flv’, image: ‘/images/sized/media/videos/previews/intro-370×228.jpg’, skin: ‘/swf/modieus.swf’, backcolor: ‘000000’, frontcolor: ‘FFFFFF’, lightcolor: ‘CC3399’ […]

暂停JW播放器?

我有三个标签。 每个标签在滑块中有两个video。 问题是当我切换任何标签或点击任何一个video时,所有其他video都应暂停。 我可以收集所有的id然后循环使用stop()。但是有没有其他方法更清洁和更简单。 jwplayer(‘video_pub’).stop(); //for 1 video..how can i do for all videos?

如何动态创建字幕的webvtt文件

我试图动态创建web vtt文件,用户暂停,玩家应该能够获得当前的播放时间,而不是用户可以写字幕…. 我也试图给用户一个屏幕..所以他可以看到用户完成字幕后他正在做什么 我想以web vtt格式保存文件以供字幕使用 可能吗 ?? 比怎么样? 请指导我??? 我从这里得到了一些帮助,因为它确实看起来像我的想法 html 5 wepagevideo字幕 HTML5video标题制作者 还有一件事我想在JWPLAYER做这件事

使用jQuery将video加载到JW Player中

所以关注JW Player我可以加载一个video(显然)它看起来像这样: Loading the player … jwplayer(“myElement”).setup({ file: “/uploads/example.mp4”, height: 360, image: “/uploads/example.jpg”, width: 640 }); 我试图完成这样的事情,一旦模态被触发(使用jQuery)加载模态内的video: $(“body”).on(‘click’, ‘[data-toggle=modal]’, function(e){ var vid = $(this).attr(‘data-video’); jwplayer(“videoElement”).setup({ file: vid, width: 540 }); jwplayer(“videoElement”).play(); }); 但是我收到错误: Uncaught TypeError: Cannot call method ‘setup’ of null 我尝试了以下其他(可能是可怕的)想法: $(“#videoElement”).jwplayer.setup({ file: vid, width: 540 }); 和 var $jwplayer = jwplayer(); $(“body”).on(‘click’, ‘[data-toggle=modal]’, […]

使用jwplayer 6.11video不能在ipad上播放

我们使用JW Player 6.11进行video播放.mp4和.flv但不能正常工作。 IOS 7 苹果手机 如何在iPad上修复这个? function playvideo() { jwplayer(“mediaplayer”).setup({ playlist: [{ sources: [ { file: “getUrl().’Content/video/’.trim($_product->getVideourl());?>”, //type: ‘html5’, } ], title: “Play” } ], controlbar: “none”, height:388, width: 610, streamer: “rtmp://s14flalja9b5hr.cloudfront.net/cfx/st”, startparam: “ec_seek”, fallback: false, repeat: false, autostart: true, primary: ‘flash’, bufferlength: ’30’, stretching: ‘fill’, onpause: ‘true’, events: { onReady: function() { var […]

JW Player没有播放ie9和ie10中的MP4video格式video

我在我的网页上实现了jw player 6 player。 我能够在浏览器ie9和ie10中的jw播放器中播放mp3文件。 但我无法在两种浏览器中播放MP4文件,但它在ie8中工作正常。 下面是我使用的代码。 JW Player jwplayer.key = “Key”; Loading the player … var fileurl = ‘https://s3-us-west-1.amazonaws.com/lyynks-assets/experiment/video/sample.mp4’; if (fileurl != ”) { jwplayer(“container”).setup({ flashplayer: “JwPlayer/jwplayer.flash.swf”, file: fileurl, autostart: “true”, height: 500, width: 600 }); } else { jwplayer(“container”).setup({ flashplayer: “JwPlayer/jwplayer.flash.swf”, file: “JwPlayer/video.mp4”, autostart: “true”, height: 500, width: 600 }); } 请帮我解决这个问题。

如何在使用fancybox时在jwplayer上获取全屏video

在使用fancybox时,如何在jwplayer上获取全屏video? 现在我有一个fancybox打开一个包含jwplayer嵌入的div,它工作正常,video播放时按下播放等所以这一切都很好。 唯一的问题是,当我按下全屏播放video时,播放全屏video后面的浏览器和facybox弹出窗口,所以我无法正常看到它。 我需要全屏聚焦。 我注意到fancybox使用了很多z-index值,是什么导致它? 任何帮助将不胜感激,谢谢。