AnythingSlider 和带有初始图像的 MP4 视频播放器之间的冲突

发布于 2024-10-08 02:00:01 字数 1053 浏览 8 评论 0原文

我有以下问题。

注意:我不是编码员! (我可以按照说明进行操作,并且我了解一些 HTML,并且了解 WordPress 网站上的基本内容;仅此而已。)

在我的测试网站上 http://www.auctionsolutionsnow.com,如果您看到滑块和第一个视频:

我的视频播放器 EasyVideoPlayer (www.easyvideoplayer.com)(其底层有 FLOWPLAYER)之间存在问题, 和滑块 AnythingSlider => www.css-tricks.com/examples/AnythingSlider/#panel1-6

知道如何调试吗?

第 1 张幻灯片中第一个视频的启动图像就是问题所在! (这也不应该自动播放...)

不确定这是否一定是 JAVASCRIPT 问题。

问题是与该滑块结合使用时与 EasyVideoPlayer (EVP) 发生某种冲突。 来自 EVP 支持:由于启动图像稍微修改了功能,它们确实容易发生冲突。

例如,在不使用启动图像的情况下,您可以在 www.jazzheaven.com 上看到它运行良好。

顺便说一句,视频托管在 Amazon S3 上并使用 Cloudfront/RTMP Streaming。

任何建议,我将不胜感激!

再说一遍:我可以遵循特定的说明,但我不是超级技术人员或编码员! (我知道一些 HTML,但不懂 javascript、不懂 CSS 等)

提前谢谢您!

Falk

PS:(这可能属于一个单独的线程......:)

当我从我的 iPhone 上看到我的网站 www.jazzheaven.com 时:2 个下拉菜单(称为“选择您的乐器”和“单击此处选择您的乐器”) ' 不起作用。;(

我的 WP 开发人员说,对于了解 JQUERY 的人来说,这是一个 2 分钟的工作。

第二个问题:解决这个问题可以解决 IPHONES、ANDROID 和 iPADS 的问题吗?谢谢!

I have the following issue.

NOTE: I AM NOT A CODER!
(I can follow instructions & I know some HTML and know my around basic stuff on Wordpress sites; but that's it.)

On my test site at http://www.auctionsolutionsnow.com, if you see the SLIDER & the FIRST VIDEO:

There is an ISSUE between EasyVideoPlayer (www.easyvideoplayer.com), my video player (which has FLOWPLAYER under the hood),
and the slider, AnythingSlider => www.css-tricks.com/examples/AnythingSlider/#panel1-6

Any idea how to debug this?

The SPLASH IMAGE of the first video in slide 1 is the problem!
(This is not supposed to auto-play either...)

Not sure if this is necessarily a JAVASCRIPT issue.

The problem is some kind of conflict with EasyVideoPlayer (EVP), when used in conjunction with that slider.
From EVP support: because of how splash images modify the functionality a little, they do tend to conflict.

WITHOUT using a splash image, you can see it working fine on www.jazzheaven.com, for example.

BTW, videos are hosted on Amazon S3 and are using Cloudfront/RTMP Streaming.

Any suggestions, I would highly appreciate it!

Again: I can follow specific instructions, but i am NOT a super-techie or coder!
(I do know some HTML, but no javascript, no CSS, etc.)

Thank you in advance!

Falk

PS: (This probably belongs in a separate thread...:)

When I see my website www.jazzheaven.com from my iPhone: the 2 DROP-DOWNS (called 'Choose Your Instrument' and 'Click here to Choose Your Instrument' do NOT work. ;(

My WP developer said this is a 2-min job for somebody who understands JQUERY.

2ND QUESTION: would fixing this solve it for IPHONES and ANDROIDS and iPADS? Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

话少情深 2024-10-15 02:00:02

很难弄清楚为什么有和没有启动图像之间存在差异。但是,由于播放器是使用

jQuery(window).load(function() { 
 jQuery('#slider-home-videos').anythingSlider({ 
  delay: 6000, 
  height: 390, 
  startStopped: true, 
  buildArrows: true, 
  hashTags: false, 
  navigationFormatter: function(index, slide) { 
   return ['Ralph Peterson', 'Ari 800px test to fit', 'slide 3'][index - 1]; 
  } 
 }); 
});

至于您的有关下拉列表的问题,请在单独的问题中发布...我没有“and”或“i”-任何东西,所以我无法帮助您=(

It's difficult to figure out why there is a difference between having and not having the splash image. But because the player is being added using a <script> tag, try initializing anythingSlider when the window is loaded instead of document ready (window load activates when all images and videos have loaded):

jQuery(window).load(function() { 
 jQuery('#slider-home-videos').anythingSlider({ 
  delay: 6000, 
  height: 390, 
  startStopped: true, 
  buildArrows: true, 
  hashTags: false, 
  navigationFormatter: function(index, slide) { 
   return ['Ralph Peterson', 'Ari 800px test to fit', 'slide 3'][index - 1]; 
  } 
 }); 
});

As for your questions about the dropdown, please post that in a separate question... I don't own an "and" or "i"-anything so I can't help you there =(

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文