2

我在使用 iframe 嵌入的 Adob​​e Presenter 上进行了演示。发布演示文稿时，自动播放是硬编码的。加载页面时，演示文稿会自动启动并播放音频。

由于我无法关闭自动播放，我想添加一个播放/暂停按钮并使用 JQuery 添加一个类，该类从display:hidden显示display:block演示文稿并在完成时隐藏它。我试过了，但即使 iframe 被隐藏，音频也会在页面加载时自动启动。

CSS中是否有一个替代属性display可以完全删除一个元素并将其带回而不是仅仅隐藏它？或者是否有人对我如何让用户选择他们何时开始演示有另一种想法？

4

2 回答 2

0

嗨，您可以为播放暂停按钮执行类似的操作。它只会在单击您替换的任何类时停止并开始视频.video。我不知道你为什么要display:none等，所以我没有把那部分包括在内。如果你扩展我可以编辑我的问题，所以它很适合你。

jQuery( document ).ready(function($) {
    $('.video').click(function() {
        $(this).get(0).paused ? $(this).get(0).play() : $(this).get(0).pause();
    });
});

编辑
或更确切地说：

jQuery(function($) {
    $('.video').on("click", function() {
        this[ this.paused ? "play" : "pause" ]();
    });
});

一种纯javascript方式是

玩：

document.getElementById('videoId').play();

暂停：

document.getElementById('videoId').pause();
于 2015-07-20T11:39:33.540 回答
0

经过一番艰苦的谷歌搜索，我决定没有解决办法。我已经设法关闭了自动播放。但这意味着从服务器单独下载每个演示文稿，编辑 XML 并再次上传它们......有数千个。

感谢任何花时间思考这个无法解决的问题的人。

对于在几个月后到达此职位的任何有类似问题的人，不要像我试图寻找解决方法并接受失败那样浪费太多时间......没有更快的方法。

于 2015-07-21T16:12:21.273 回答