如何播放和暂停嵌入的线蜡视频？

Question

如何播放/暂停嵌入的 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>

JSFiddle

Answer 1

从我们的 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>

触发 WIREWAX 事件

可以通过调用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 中找到

PLAY - 播放或继续播放视频。

PAUSE - 暂停视频。

SEEK - 以秒为单位将视频搜索到数据值。数据必须是 int 或 float

IS_PLAYER_READY- 如果玩家准备好，则触发玩家准备好事件

请注意，播放器只有在准备好后才会开始接受事件。您可以通过监听 playerReady 事件来检查这一点。

监听 WIREWAX 事件

播放器发出的事件可以使用监听

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 点击标签时触发。将被点击的标签对象传递给回调

HAS_PAUSED 视频暂停时触发

已播放 视频播放时触发