Dynamic youtube iframe in javascript and jQuery -

-

i'm going crazy, trying fix , wont work way want work,ahhh feel child :/

var videoid;    var tag = document.createelement('script');    tag.src = "https://www.youtube.com/iframe_api";  var firstscripttag = document.getelementsbytagname('script')[0];  firstscripttag.parentnode.insertbefore(tag, firstscripttag);    videoid = sessionstorage.getitem("key");    var onyoutubeiframeapiready = function(){      player = new yt.player('player', {          height: '315',          width: '560',          videoid: videoid,          events: {              'onready': onplayerready          }      });  }    //the api call function when video player ready.  function onplayerready(event) {  event.target.playvideo();      console.log(videoid);  }    function searchquery() {      //declare selectors      var querycontainer = $('div.search-box ul');      var searchbox = $('div#search-bar input[type=search]');            //declare variables input elements :)      var search = $(searchbox).val();      var checker = search.length;            //check if input empty string      if(search!=''){          //declare youtubeapi link youtube apikey          var theapi = "https://www.googleapis.com/youtube/v3/search?part=snippet&q="+search+"&maxresults=15&key=aizasya9ej5nsreqzex76u_xe3ppjlb2relrw9m";            //get json string youtubeapi link          $.getjson(theapi, function(data){                //append 5 titles div              for(var i=0; i<=5; ++i){                                    //using kind property youtubeapi determine profile or video                  if(data.items[i].id.kind === 'youtube#video'){                      $(querycontainer).append('<li><p><a href="#" data-id="' +data.items[i].id.videoid+'">' +data.items[i].snippet.title+'</a></p></li>');                  }else if(data.items[i].id.kind === 'youtube#channel'){                      $(querycontainer).append('<li><p><a href="https://www.youtube.com/user/'+data.items[i].snippet.title+'">' +data.items[i].snippet.title+'</a></p></li>')                  }              }              $('div.search-box a').on('click', function(){                                    $('div#player-box').empty();                  $('div#player-box').append('<div id="player"></div>');                  sessionstorage.setitem('key', $(this).data("id"));                                    onyoutubeiframeapiready();                                });          });            //check if input value changing, if cleares previous output          if(checker){              $(querycontainer).empty();          }                }else{          $(querycontainer).empty();          return false;      }  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <div id="player"></div>

here question:

function onyoutubeiframeapiready(){     player = new yt.player('player', {         height: '315',         width: '560',         videoid: videoid,         events: {             'onready': onplayerready         }     }); }

how delete player object , create new 1 on click event? want working, please :)

is there specific reason want destroy player object , recreate it? if goal load new video, this:

        $('div.search-box a').on('click', function(){                             player.loadvideo($(this).data("id"));             sessionstorage.setitem('key', $(this).data("id"));         });

(you might need declare player variable in such way click handler access scope, whether global, etc.)

however, if need destroy player , recreate it, wonder if problem lies in fact that, on click, aren't changing value of 'videoid' variable (which onyoutubeplayerapiready function needs instantiate new player); rather, change value of sessionstorage key.


Comments

Post a Comment

Popular posts from this blog

python - How to create jsonb index using GIN on SQLAlchemy? -

-
here's current code creating index jsonb. index("mytable_data_idx_id_key", mytable.data['id'].astext, postgresql_using='gin') but got error. sqlalchemy.exc.programmingerror: (psycopg2.programmingerror) data type text has no default operator class access method "gin" hint: must specify operator class index or define default operator class data type. [sql: "create index event_data_idx_id_key on event using gin ((data ->> 'id'))"] is there way create index on sqlalchemy? the postgresql specific sqlalchemy docs @ http://docs.sqlalchemy.org/en/latest/dialects/postgresql.html#operator-classes mention postgresql_ops dictionary provide "operator class" used postgresql, , provide example illustrating use: index('my_index', my_table.c.id, my_table.c.data, postgresql_ops={ 'data': 'text_pattern_ops', ...
Read more

PHP DOM loadHTML() method unusual warning -

-
i had following code works fine on localhost: $document = new domdocument(); $document->loadhtml($p_result); $form = $document->getelementsbytagname('form')->item(0); // code continues using $form variable after same code updated on outside server, loadhtml() failed , issued warning. warning: domdocument::loadhtml() expects parameter 1 valid path, string given in path/name/to/script.php returned null instead of object code pretty gets fatal error. note contents of $p_result absolutely same on outside server , on localhost. but why displays kind of warning , why not work? doesn't loadhtml() expects argument 1 string in first place? why method expects parameter 1 valid path ? just make clear i'm not calling loadhtmlfile() , i'm calling loadhtml() . thanks. you're affected one of php bugs . issue present in php 5.6.8 , 5.6.9. have affected php version on server, , bug-free version on localhost. the bug forbids null ...
Read more

c# - TransactionScope not rolling back although no complete() is called -

-
i'm using transactionscope rollback transaction fail bool errorreported = false; action<importerrorlog> newerrorcallback = e => { errorreported = true; errorcallback(e); }; using (var transaction = new transactionscope()) { foreach (importtaskdefinition task in taskdefinition) { loader.load(streamfile, newerrorcallback, task.destinationtable, processingtaskid); } if (!errorreported) transaction.complete(); } i'm sure there no transactionscope started ahead or after code. i'm using entity framework insert in db. regardless state of errorreported transaction never rolled in case of error. what missing ? transactionscope sets transaction.current . that's does. wants transacted must @ property. i believe ef each time connection opened reason. probably, connection open when scope installed. open connection inside of scope or enlist manually. ef has nasty "design decision": default opens ...
Read more