Tag: youtube

无法从youtube通过json提取video: 有时我在json提取youtubevideo时遇到此错误，这是一个例子： XMLHttpRequest无法加载https://gdata.youtube.com/feeds/api/users/IcarusTouma?&alt=json 。 Access-Control-Allow-Origin不允许使用origin http：// localhost 。我尝试使用jsonp，但youtube不接受jsonp。从youtube中提取video。 $. getJSON (‘https://gdata.youtube.com/feeds/api/videos/’ + id_video + ‘? & alt = json’, function (data) { if (typeof data! == “undefined” && data) { var title = data [‘entry’] [‘title’] [‘$ t’]; var thumb = data [‘entry’] [‘media $ group’] [‘media $ thumbnail’] [0] [‘url’]; var title = […]

在Android Kitkat上模拟鼠标点击Youtubevideo: Youtube允许在iframe代码的帮助下嵌入用户创建的播放列表。我想将它们嵌入到网页上，以便在Android（Kitkat 4.4）电视盒硬件上播放。但是，它要求用户首先点击video。我发现Apple iOS和Android在大多数移动平台上禁用自动播放以避免糟糕的用户体验但是，是否可以使用Jquery或纯JS解决方案（首选）模拟用户单击iframe。像这样的东西： function myFunction() { setTimeout(function() { (“#myiframe”).triggerHandler(‘click’); },3000) }; 如果有人能帮助我，我将非常感激，因为这个function对我的目的至关重要，而且我已经广泛搜索但无法得到正确的解决方案。谢谢dkj

在一个页面上嵌入多个YouTube播放列表供稿？ JQuery / YouTube API v3: 如何在一个页面上实施多个YouTubevideo播放列表供稿？到目前为止，我已经开发了一个函数来从单个播放列表中提供最近的上传，但我不确定如何将其应用于多个播放列表。在提供的代码段中，我只有一个播放列表返回video列表数据。用于嵌入播放列表的HTML字符串是#youtube-playlist-feed_1 ，但理想情况下我希望能够实现多个Feed，例如： #youtube-playlist-feed_2 ， #youtube-playlist-feed_3等…任何输入？ var htmlString = “”; var apiKey = ‘AIzaSyDI4rWo_wVAxRZEIgF6_8sRZDj8OCOZZ38’; var playlistID = ‘PLBhKKjnUR0XBVrHvtDOylN5XREHh9X1nt’; var maxResults = 7; $.getJSON(‘https://www.googleapis.com/youtube/v3/playlistItems?key=’ + apiKey + ‘&playlistId=’ + playlistID + ‘&part=snippet&maxResults=’ + (maxResults > 50 ? 50 : maxResults), function(data) { $.each(data.items, function(i, item) { var videoID = item[‘snippet’][‘resourceId’][‘videoId’]; var title = item[‘snippet’][‘title’]; […]

YouTube API – 获取全局变量中的当前时间: 这里有jsfiddle http://jsfiddle.net/StephanieQ/oo1g1762/ // This code loads the IFrame Player API code asynchronously. var tag = document.createElement(“script”); tag.src = “//www.youtube.com/iframe_api”; var firstScriptTag = document.getElementsByTagName(“script”)[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // This function creates an (and YouTube player) // after the API code downloads. var player; window.onYouTubeIframeAPIReady = function() { player = new YT.Player(“player”, { “height”: “315”, “width”: “560”, “videoId”: […]

jquery用youtube嵌入src选择iframe: 如果我想通过他们的src选择所有 youtube iframe如何实现这一点，我已经尝试过下面的jquery但是它不起作用？嵌入式src是http://www.youtube.com/embed/videoid?rel=0 $(‘iframe[src=”http://youtube.com/embed/”]’)

Youtube api无法在Firefox上加载: 我有以下代码片段来控制嵌入式youtube播放器。它适用于Chrome和Safari，但不适用于Firefox。 jsfiddle： http ： //jsfiddle.net/fuSSn/4/ 我的应用中的代码： iframe：我的javascript： var source_tag = document.createElement(“script”); var first_source_tag = document.getElementsByTagName(“script”)[0]; first_source_tag.parentNode.insertBefore(source_tag, first_source_tag); // This function will be called when the API is fully loaded function onYouTubeIframeAPIReady() { YT_ready(true) console.log(“api loaded! yikes”) } function getFrameID(id){ var elem = document.getElementById(id); if (elem) { if(/^iframe$/i.test(elem.tagName)) return id; //Frame, OK // else: […]

在同一页面上播放和暂停多个YouTubevideo的按钮: 我需要在网页上嵌入YouTubevideo，我想使用youtube播放器API通过自定义控件按钮（播放/暂停/进度条）控制我的video。我使用了一个教程（ https://css-tricks.com/play-button-youtube-and-vimeo-api/ ）并添加了一些自定义，它工作正常： https://jsfiddle.net/tpo6sgzf/ /* VIDEO */ var player, time_update_interval = 0; function onYouTubeIframeAPIReady() { player = new YT.Player(‘video’, { events: { onReady: initialize } }); } function initialize(){ // Update the controls on load updateTimerDisplay(); updateProgressBar(); // Clear any old interval. clearInterval(time_update_interval); // Start interval to update elapsed time display and // the […]

是否可以使用JavaScript在iframe中暂停YouTubevideo？: 我有一个滑块，我正在为我的post显示一个图像，然后当你点击它时，它会使图像被一个嵌入了YouTube的iframe取代。我希望能够通过利用iframes ID以某种方式使用JavScript（或jQuery）暂停video。有一个简单的方法吗？

在滑块中播放Vimeo或Youtubevideo时停止滑动: 当我在滑块中播放Vimeo或Youtubevideo时，哪种脚本可以阻止滑块滑动的最佳方法？非常感谢大家的帮助。 jQuery(document).ready(function(){ jQuery(‘#gdl-custom-slider ul’).cycle({ before: before_transition, after: after_transition, fx: ‘fade’, pager: ‘#custom-slider-nav’, speed: CUSTOM.speed, timeout: CUSTOM.timeout }); function before_transition(curr, next, opts, fwd){ jQuery(next).find(‘.custom-slider-title’).css({‘top’:’15px’,’opacity’:’0′}); jQuery(next).find(‘.custom-slider-caption’).css({‘top’:’15px’,’opacity’:’0′}); } function after_transition(curr, next, opts, fwd){ jQuery(this).find(‘.custom-slider-title’).delay(100).animate({‘top’:’0px’,’opacity’:’1′}, 200); jQuery(this).find(‘.custom-slider-caption’).delay(400).animate({‘top’:’0px’,’opacity’:’1′}, 200); } });

未捕获的TypeError：this.pluginApi.setSrc不是函数: 嗨我试图改变mediaelementplayer的来源，但我不能得到这个错误 “未捕获的TypeError：this.pluginApi.setSrc不是函数” 我试过我在网上找到的所有解决方案，但没有结果这是我尝试的最新代码，这让我犯了这个错误 var player = $(‘#player1’)[0].player.media; player.setSrc(‘http://youtube.com/watch?v=’ + youTubeId); player.load(); anyhelp将是最受欢迎的