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

👀 Prodám satirickou, fanouškovskou FB stránku obrovským potenciálem 🔥

1 000 Kč

0 příhozů

✅ Prodám rozpracovaný projekt na super doméně – Online tržiště PR článků a linků ❗️ WWW.LINKOVIŠTĚ.CZ ❗️

1 000 Kč

0 příhozů

Prodej domény WOODOO.CZ

4 000 Kč

0 příhozů

Prodám doménu VLASOVESTUDIO.COM

2 000 Kč

0 příhozů

Prodám doménu PRASAK.CZ

2 000 Kč

0 příhozů

Poptávky Více

Biometrický docházkový terminál postavený na iPadu

Webdesign pro software

UI/UX Dizajnér NEEDED!

Ddos útok, Cloudflare, WAF

Hledáme videomakera pro sociální sítě

Pracovní nabídky Více

𝗧𝗲𝘀𝘁 𝗠𝗮𝗻𝗮𝗴𝗲𝗿

Práce z domu, Praha

Pětičlenný tým vývojářů na technologie .NET & React

Hledáme externí grafičku/grafika pro rodinnou firmu MycoMedica.cz

Hradec Králové

Hledáme medior Projektového manažera(ku)/koordinátora(ku)

Práce z domu, Praha

80 000 - 115 000 Kč

Front-end developer/ka / Kodér/ka

Práce z domu, Praha

Nabídky Více

LEVNÁ TVORBA WORDPRESS WEBŮ | E-SHOP | SEO | PPC

Nabízím službu manuálního testera vaší stránky,

Kodérské a frontenďácké práce (HTML5,CSS3,jQuery,etc etc)

VEDENÍ ÚČETNICTVÍ A DAŇOVÉ EVIDENCE; ZPRACOVÁNÍ MEZD; ÚČETNÍ KONZULTACE A PORADENSTVÍ

PRODEJNÍ VIDEA