我与JS API YouTube的工作和显示视频播放器, 是由谷歌文档中推荐使用的embedSWF的 ,就像这样:
<script type="text/javascript" src="swfobject.js"></script>
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer&version=3","ytapiplayer", "425", "356", "8", null, null, params, atts);
</script>
虽然这个作品在我的电脑和Android设备上的罚款,iOS上ytapiplayer格不会变成一个嵌入式播放器,而是只显示它原来的内容,即错误消息,Flash播放器8+和JS是必需的。
是否有可能让iOS上我这方面的工作? 如果是这样,怎么样?
提前致谢!
也许你应该尝试新的YouTube iFrame播放器API? https://developers.google.com/youtube/iframe_api_reference
它的工作原理与移动设备,而无需考虑闪光。 嵌入例如:
<script type="text/javascript" src="//www.youtube.com/iframe_api"></script>
function onYouTubePlayerAPIReady() {
var videoBox = document.getElementById('video1');
videoBox.ytplayer = new YT.Player(videoBox, {
videoId: 'kXDiGtgPL6E',
playerVars: {
//controls: 0,
wmode:'transparent'
},
height: '200',
width: '320'
});
}
我这样做确切的事情在几个月前的一个项目...
JAVASCRIPT,非常相似,你有什么:
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.youTubeVideo = "VitQwgsBq-w";
flashvars.controllerAlign = "top";
flashvars.queTo = "0";
flashvars.controlBarAlpha = ".3";
var params = {};
var attributes = {};
swfobject.embedSWF("images/youTubeLoader.swf", "youTubeDiv", "250px", "200px", "9.0.0", false, flashvars, params, attributes);
</script>
什么是swfobject.js要做的就是寻找名为“youTubeDiv”的HTML DIV和替换它的所有内容与SWF YouTube播放器
(我这样做B / C iframe解决方案有z-index的问题与HTML5项目我工作)
现在的HTML:
<div id="youTubeDiv">
<iframe width="250px" height="200px" src="http://www.youtube.com/embed/VitQwgsBq-w" frameborder="0" allowfullscreen></iframe>
</div>