Question

这是我的第一个问题，所以我们非常感谢您的耐心等待。我只对safari / chrome mac用户有一个奇怪的问题。这适用于IE7，IE8，Chrome，FF和Safari（Windows）。尝试确定并隔离与safari / chrome浏览器相关的问题，因为他们在页面加载时立即开始在隐藏的div中播放嵌入的视频。

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

页面描述：

我有一个使用auto-advance.js文件的滑块每7秒自动旋转图像。
属于此图片列表滑块的图片之一有“播放视频” 按钮。下面是调用javascript的图像映射区域功能“播放视频”href点击“隐藏图像”和“显示视频div”

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中的浏览器工作正常呢？

非常感谢任何帮助！

Answer 1

我建议：

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

这只会在您到达希望视频自动开始播放的时间时添加视频，而不是实际已经加载视频并启动它。
当你到达那一点时，你只需要拨打vidrun()并完成：]

HTML5 YouTube嵌入了safari / chrome mac用户视频开始在div中播放，显示无属性

1 个答案: