如何播放和暂停嵌入式线锯视频？

Question

你如何播放/暂停嵌入式线锯视频？视频是使用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中找到事件名称列表

播放 - 播放或恢复视频.

暂停 - 暂停视频.

SEEK - 以秒为单位搜索视频到数据的值.data必须是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视频暂停时触发

HAS_PLAYED播放视频时触发