大佬教程收集整理的这篇文章主要介绍了javascript – YouTube iframe嵌入中指向特定时间的链接,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以在嵌入的同一页面上设置链接,使视频在视频中跳转到不同的时间?
<a href="">Link to 1 minutes 10 seconds</a> <a href="">Link to 3 minutes 4 seconds</a> <a href="">Link to 5 minutes 10 seconds</a> etc..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> <script> //this function gets called when the player is ready function onYouTubePlayerReady (playerId) { ytplayer = document.getElementById("myytplayer"); console.log(ytplayer); } //generic seekTo function taking a player element and seconds as parameters function playerSeekTo(player,seconds) { player.seekTo(seconds); } </script> <div id="ytapiplayer"> You need Flash player 8+ and JavaScript enabled to view this video. </div> <br/> <a href="#" onclick="playerSeekTo(ytplayer,70); return false;">Link to 1 minutes 10 seconds</a> <a href="#" onclick="playerSeekTo(ytplayer,90); return false;">Link to 1 minutes 30seconds</a> <a href="#" onclick="playerSeekTo(ytplayer,110); return false;">Link to 1 minutes 50 seconds</a>
现在js:
var ytplayer; $(document).ready(function() { swfobject.embedSWF("//www.youtube.com/e/Py_IndUbcxc?enablejsapi=1&playerapiid=ytplayer &version=3","ytapiplayer",// where the embedded player ends up "425",// width "356",// height "8",// swf version null,null,{ allowScriptAccess: "always" },{ id: "myytplayer" // here is where the id of the element is set }); });
Here是我创造的小提琴.
以上是大佬教程为你收集整理的javascript – YouTube iframe嵌入中指向特定时间的链接全部内容,希望文章能够帮你解决javascript – YouTube iframe嵌入中指向特定时间的链接所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。