1

这是我的第一个问题，非常感谢您的耐心等待。我只对 safari/chrome mac 用户有一个奇怪的问题。这在 IE7、IE8、Chrome、FF 和 safari(windows) 中运行良好。试图确定和隔离与 safari/chrome 浏览器相关的问题，因为它们在页面加载时立即开始播放隐藏 div 中的嵌入视频。

我的公司重新设计了他们的主页，我最近在我们的网站上建立了它。我相当新，这是我第一个带有 JQuery 滑块、HTML5 等的个人网页（我无法在此处提供链接）。

页面说明：

  1. 我有一个滑块，它使用 auto-advance.js 文件每 7 秒自动旋转一次图像。
  2. 属于此图像列表滑块的图像之一具有“播放视频”按钮。下面是在“播放视频”href单击“隐藏图像”和“显示视频div”上调用javascript函数的图像映射区域

Javascript函数：

    `function doStuff() {
    $('div#vid').css('display','inline');
    $('img.hid').css('display','none');
    }

`

这是带有 HTML5 iframe youtube 嵌入代码的隐藏 div：

    `<div style="display:none;" id="vid">
    <iframe class="youtube-player" type="text/html" width="770" height="430"        src="http://www.youtube.com/embed/cPoENdJx5DQ?       wmode=transparent&feature=player_embedded&autoplay=1&rel=0" frameborder="0"        allowfullscreen="false">
    </iframe>
    </div>

` 一切在 Windows 中运行良好，但对于 mac 用户，视频开始在后台播放（因为 div 仍然隐藏，他们会听到视频中的音乐）。为了立即解决这个问题，我不得不在暂时解决了这个问题的网站上关闭了自动播放选项（这里我将其编辑回 1）。

我试图了解为什么 chrome/safari mac 浏览器会在页面加载本身而不是在单击 href“播放视频”按钮时自动播放视频。

我已经进行了详细的研究，只能找到这篇关于这个问题的文章：http ://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_27722407.html ，这让我觉得这可能是因为一些代码冲突可能吗？如果是这样，为什么 Windows 中的浏览器运行良好？

任何帮助深表感谢！

4

1 回答 1

0

I would suggest:

function vidrun(){
    var span = document.createElement("span");
    span.innerHTML = 'code here for video';
    document.getElementById("the surrounding element's id").appendChild(span);
)

This will only add the video when you get to the time you want the video to automatically start playing instead of actually already loading the video and starting it.
All you will have to do to start the video playing when you get to that point is to call the vidrun() and done :]

于 2012-06-20T18:41:15.090 回答