如何播放/暂停嵌入的 wirewax视频?视频使用 iframe 嵌入,在视频后使用 YouTube 参数,即 ?loop=1&playlist=videoId
有效,但 YouTube iFrame API 无效。
<iframe src="//embed.wirewax.com/8020285/7bafa8/?enablejsapi=1&loop=1&playlist=802028" frameborder="0" id="video"></iframe>
<ul>
<li><a href="#" id="play">Play</a></li>
<li><a href="#" id="pause">Pause</a></li>
</ul>
最佳答案
只是从我们的 iframe api 文档中快速复制粘贴
将提供的wirewax-iframe-api.js脚本放在页面的头部
<script type="text/javascript" src="//edge-player.wirewax.com/ww4release/javascripts/wirewax-iframe-api.js"></script>
为您的 WIREWAX EMBED iframe 提供一个 ID。默认是wirewax-player,您可以通过设置window.wirewax.playerId变量来更改它。如果找不到 iframe,JavaScript 控制台中将会抛出错误。
<script type="text/javascript">
window.wirewax.playerId = "my-wirewax-player";
</script>
<iframe id="my-wirewax-player"></iframe>
触发线蜡事件
可以通过调用window.wirewax.triggerEvent(eventName, data)来触发事件。
示例:
window.wirewax.triggerEvent(window.wirewax.events.triggers.PLAY); // play the video
window.wirewax.triggerEvent(window.wirewax.events.triggers.SEEK, 20); // seek to 20 seconds
事件名称列表可以在 window.wirewax.events.triggers 中找到
播放 - 播放或恢复视频。
暂停 - 暂停视频。
SEEK - 搜索视频以秒为单位的数据值。数据必须是 int 或 float
IS_PLAYER_READY - 如果玩家准备就绪,则触发玩家准备就绪事件
请注意,播放器只有在准备就绪后才会开始接受事件。您可以通过监听playerReady 事件来检查这一点。
监听线蜡事件
可以使用监听玩家发出的事件
window.wirewax.addEventListener(eventName, callback)
示例:
window.wirewax.addEventListener(window.wirewax.events.listeners.PLAYER_READY, function(){
console.log(“PLAYER IS READY”);
});
window.wirewax.addEventListener(window.wirewax.events.listeners.TAG_CLICK, function(data){
console.log(data, “event data here”);
});
事件名称列表可以在 window.wirewax.events.listeners 中找到
PLAYER_READY 当玩家准备好时触发
VIDEO_END 视频结束时触发
TAG_CLICK 单击标签时触发。将已点击的标签对象传递给回调
已暂停 视频暂停时触发
已玩过 视频播放时触发
关于iframe - 如何播放和暂停嵌入的线蜡视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33928237/