Tag: youtube

开始/播放embedded式（iframe）youtube-video点击图像: 我正尝试通过点击图片来播放embedded的YouTubevideo。这个想法是在video的顶部有一个图像，当图像被点击时，它会淡出并开始播放video。我正在使用jquery淡入淡出的图像，并希望find一种方式来播放或使用jquery点击video。衰落工作正常，但我不知道如何触发video播放。我通过将video设置为自动播放并将其隐藏，然后在点击图像时淡入video，从而在几个浏览器上工作。在大多数浏览器中，video会在淡入时自动播放，但在Chrome浏览器中即使在隐藏时也会自动播放。它在iOS中也不能很好地工作。由于我在这方面很新颖，所以我甚至不确定是否将它写成100％正确，但是我已经尝试过这样的事情而没有成功： $('#IMAGE').click(function() { $('#VIDEO').play(); }); 那么，我将如何去点击图像播放video？有没有一种方法来播放video点击图片时，只使用jQuery？先谢谢你。

如何在tvOS上播放YouTube内容: 如何在苹果电视上播放YouTubevideo？ YouTube的embeddedfunction可以在iOS 9中运行，因为操作系统有一个我们可以embedded的UIWebView。新的tvOS不包括UIWebView，所以我不能看到embeddedYouTubevideo的方法。

YouTube – 如何强制在embedded式链接/ <iframe>的480pvideo质量: 如何强制480pvideo质量iframed Youtubevideo？示例代码： <iframe width="560" height="315" src="http://www.youtube.com/embed/FqRgAs0SOpU" frameborder="0" allowfullscreen></iframe>

AngularJS多重expression式与URL插值连接: 我知道这很长，但请忍受我。这个问题很容易理解，只需要一些写作来充分解释它。现在我得到这个错误 Error: [$interpolate:noconcat] Error while interpolating: Strict Contextual Escaping disallows interpolations that concatenate multiple expressions when a trusted value is required. See http://docs.angularjs.org/api/ng.$sce 我已经在文档中完成了所有的阅读，但我仍然无法find解决我的问题的方法。我正在使用$ http.get在一个私人的在线资源，其数据类似于json文件的forms（所以我不能修改数据）。数据如下所示： … "items": [ { "kind": "youtube#searchResult", "etag": "\"N5Eg36Gl054SUNiWWc-Su3t5O-k/A7os41NAa_66TUu-1I-VxH70Rp0\"", "id": { "kind": "youtube#video", "videoID": "MEoSax3BEms" }, }, { "kind": "youtube#searchResult", "etag": "\"N5Eg36Gl054SUNiWWc-Su3t5O-k/VsH9AmnQecyYBLJrl1g3dhewrQo\"", "id": { "kind": "youtube#video", "videoID": […]

YouTube iframeembedded不以HD开始: 我试图embedded一个高清YouTubevideo，但无论我尝试，似乎只加载480p版本。根据YouTube的说法，embedded高清video就像在url中joinhd=1一样简单： <iframe src="//www.youtube.com/embed/{videoId}?hd=1" width="960" height="720" frameborder="0" allowfullscreen></iframe> 然而，这似乎并没有工作，至less在我的iframe实施： <iframe id="video-player" width="960" height="720" src="//www.youtube.com/embed/{videoId}?enablejsapi=1&autoplay=1&rel=0&modestbranding=1&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe> JavaScript API也是如此： HTML： <div id="video-player"></div> JS： var player; function onYouTubePlayerAPIReady() { player = new YT.Player('video-player', { height: '720', width: '960', videoId: '{videoId}', playerVars: { 'controls': 1, 'autoplay': 1, 'hd': 1 }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); […]

强制YouTubeembedded以720p开始: 有一些方法build议在网上做，但他们似乎没有工作。例如： http://blog.makezine.com/archive/2008/11/youtube-in-720p-hd-viewin.html 这篇文章是关于使它在720p开始，但它甚至不在自己的video上工作。这里有人知道该怎么做吗？

从YouTube取代url来embedded代码 – 错误：权限被拒绝访问属性'toString': 我有这个代码和FireBug中的这个错误：错误：权限被拒绝访问属性'toString' 我该如何解决这个错误？ HTML： <div class="yturl">http://www.youtube.com/watch?v=UNMLEZrukRU</div> JS： $("div.yturl").each(function(){ var regex = /(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/; var youtubeurl = $(this).text(); var regexyoutubeurl = youtubeurl.match(regex); if (regexyoutubeurl) { $(this).html("<iframe width=\"390\" height=\"315\" src=\"http://www.youtube.com/embed/"+regexyoutubeurl[2]+"\" frameborder=\"0\" allowfullscreen></iframe>"); } }); 演示： http : //jsfiddle.net/9e48p/

YouTube播放器的FF3 / Windows CSS z-index问题: 我被困在似乎与YouTube播放器的CSS / z-index冲突。在Windows XP下的Firefox 3中，查看此页面： http : //spokenword.org/program/21396单击“收集”button并注意，popup式窗口<div>出现在 YouTube播放器下。在其他浏览器上，<div>出现在顶部。它的z-index值是999999.我试着将包含播放器的<object>元素的z-index设置为一个较低的值，但是这样做不起作用。任何想法如何让popup窗口出现在播放器上？

embeddedYouTubevideo与自定义速度（例如3）: 我有一个embedded的YouTubevideo在一个页面，并有一个滑块，我可以设置播放器的速度。我使用的是player.setPlaybackRate(value); 问题是，我想从0.5到3的范围，但播放器的API只限于预定义的值[0.25, 0.5, 1, 1.25, 1.5, 2] 。在YouTube中，我可以通过document.getElementsByTagName("video")[0].playbackRate = 3轻松调整速度，但是在iframe中我没有这样的访问权限。

您是否可以在不启用自动播放的情况下隐藏YouTubeembedded的控件？: <iframe width="100%" height="100%" src="//www.youtube.com/embed/qUJYqhKZrwA?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen> 如果您删除？autoplay = 1，则video无效。看起来你不能使用控制参数没有启用自动播放。不知道为什么没有在YouTubeembedded书面提到。希望我错了。 https://developers.google.com/youtube/player_parameters#controls