大佬教程收集整理的这篇文章主要介绍了jquery – youtube是如何创建流畅的视频播放器的?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<style type="text/css"> #actualvid { width: 100% !important; height: auto !important; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <div id="actualvid"> <div id="ytapiplayer" style="width: 620px; height: 480px;" > You need Flash player 8+ and JavaScript enabled to view this video. </div> <script type="text/javascript"> var params = { allowScriptAccess: "always",allowfullscreen: "true" }; var atts = { id: "myytplayer" }; swfobject.embedSWF("http://www.youtube.com/e/s8yznE7rkiM?enablejsapi=1&playerapiid=ytplayer?rel=0&autoplay=1&rel=0","ytapiplayer","640","390","8",null,params,atts); function onYouTubePlayerReady(playerId) { ytplayer = document.getElementById("myytplayer"); } function play(el,videoid) { if (ytplayer) { ytplayer.loadVideoById(videoid); } // reset BACkground-color for all divs which has class video $('.video').css('BACkground-color','#222222'); $(el).css('BACkground-color','#3A3A3A'); } </script> </div>
我尝试这样做的一种方法是将视频放入div并以这种方式进行:http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php然而,我无法让它工作.有人可以帮忙吗?我喜欢YouTube的方式,但似乎它根据窗口大小重新调整大小.
.embed-container { position: relative; padding-bottom: 56.25%; /* 16x9 */ height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
<div class='embed-container'> <iframe src='http://www.youtube.com/embed/C0DPdy98e4c' frameborder='0' allowfullscreen></iframe> </div>
以上是大佬教程为你收集整理的jquery – youtube是如何创建流畅的视频播放器的?全部内容,希望文章能够帮你解决jquery – youtube是如何创建流畅的视频播放器的?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。