Jakub Glos
Webtrh.cz

Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery

Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč

Více informací

Místo náhledu, přehrávač, úprava js

verified

13. 7. 2015 14:40:22

Dobrý den,

chtěl bych poprosit o úpravu js, aby místo obrázku byl přehrávač přímo s vyhledaným videem.

Jde o vyhledávač videí na youtube.

<div id="buttons">
    <label> <input id="query" value='Johnny cash' type="text"/><button id="search-button"   onclick="keyWordsearch()">Search</button></label>    
    <div id="container">
      <h1>Search Results</h1>
      <ul id="results"></ul>
    </div>           
    <script>
     function keyWordsearch(){
        gapi.client.setApiKey('AIzaSyBqhtJ3_FLsK74e0qh9FyDlnGyaggVsIk0');
        gapi.client.load('youtube', 'v3', function() {
                makeRequest();
        });
}
    function makeRequest() {
        var q = $('#query').val();
        var request = gapi.client.youtube.search.list({
                q: q,
                part: 'snippet', 
                maxResults: 1
        });
        request.execute(function(response)  {                                                                                    
                $('#results').empty()
                var srchItems = response.result.items;                      
                $.each(srchItems, function(index, item) {
                vidTitle = item.snippet.title;  
                vidThumburl =  item.snippet.thumbnails.default.url;                 
                vidThumbimg = '<span style="text-decoration:underline;"><pre><img id="thumb" src="'+vidThumburl+'" alt="No  Image Available." style="width:204px;height:128px"></pre></span>';

$('#results').append('<pre>' + vidTitle + vidThumbimg +  '</pre>');                      
        })  
    })  
}
  </script> 
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script src="https://apis.google.com/js/client.js?onload=googleApiClientReady">  </script>

13. 7. 2015 14:40:22

https://webtrh.cz/diskuse/misto-nahledu-prehravac-uprava-js/#reply1125498

verified

13. 7. 2015 14:48:59

Dobrý den,

na shledanou.

13. 7. 2015 14:48:59

https://webtrh.cz/diskuse/misto-nahledu-prehravac-uprava-js/#reply1125497

verified

13. 7. 2015 17:55:42

Vyřešeno:

function keyWordsearch(){
        gapi.client.setApiKey('AIzaSyB7oqNYxEGnskHEpKHSCbIH_-VI4_sJkzg');
        gapi.client.load('youtube', 'v3', function() {
                makeRequest();
        });
}
    function makeRequest() {
        var q = $('#query').val();
        var request = gapi.client.youtube.search.list({
                q: q,
                part: 'snippet',
               
                maxResults: 1
        });
        request.execute(function(response)  {                                                                                    
                $('#results_search').empty();
                var srchItems = response.result.items;                      
                $.each(srchItems, function(index, item) {
                 
               
                vidThumburl =  item.snippet.thumbnails.default.url;  
                vidTitle = item.snippet.title;               
                vidThumbimg = '<pre><iframe id="ytplayer" type="text/html" width="640" height="390"src="http://www.youtube.com/v/'+ item.id.videoId+'" frameborder="0"/></pre>';  
                  vidUrl = 'http://www.youtube.com/v/' + item.id.videoId;

$('#results').append('<a href="'+vidUrl+'">' + vidTitle + vidThumbimg +  '</a>');                          
        });  
    });  
}

13. 7. 2015 17:55:42

https://webtrh.cz/diskuse/misto-nahledu-prehravac-uprava-js/#reply1125496

Pro odpověď se přihlašte.

Prodej Více

Vyhledávač zboží – TVUJ-OBCHOD.CZ

14 999 Kč

0 příhozů

Prodám rozpracovaný projekt- jetmarket.cz

20 000 Kč

0 příhozů

Prodám firemní identitu, včetně webu a domény

65 000 Kč

0 příhozů

humor.cz

150 000 Kč

0 příhozů

Tantra a další zajímavé domény

3 000 Kč

0 příhozů

Poptávky Více

ROZJEZD STAVEBNÍ FIRMY

Hľadáme skúseného PHP, WordPress a WooCommerce programátora!

Poptávám optimalizaci kampaní pro náš online loterijní projekt

Dodávka jádra účetního systému

Zřízení platební brány na webové stránce

Pracovní nabídky Více

IT analytik – Bankovnictví

Projektově-obchodní manažer medior / senior

Hledá se parťák do vzrušujícího světa AI

IT specialista | PHP programátor

Korektor/copywriter s angličtinou a němčinou

Práce z domu, Praha

Nabídky Více

Tvorba WEBU – 1000 Kč

Administrátor serverov

PPC | Facebook + Google Ads | ZÁRUKA VRÁCENÍ PENĚZ

Kodér – Shoptet, Boostrap, WordPress

Tvorba,správa webů, e-shopů,WordPress servis,SEO optimalizace,sociání sítě.