2015年10月24日土曜日

indexOf で配列に要素が含まれるか判定

indexOf で配列に要素が含まれるか判定

function onPlayerStateChange(event) {
                   if(event.target.getPlayerState() === 5 ){
                           var list_items = event.target.getPlaylist();
                           var list_index = list_items.indexOf(videoid);
                           event.target.cuePlaylist({list:playlist,index:list_index});
                     }
           }

要素が含まれない場合 -1







2015年10月21日水曜日

cuePlaylist loadPlaylist 動画 ID と配列の利用について

cuePlaylist  loadPlaylist  動画 ID と配列の利用について

function onPlayerReady(event)
        event.target.loadPlaylist({playlist:['0rSPuLyKSGc','hXI8RQYC36Q','xxsDx55Nqfc']});
        event.target.loadPlaylist({list:'PL5l9iRZwq9Ul6s-10DMgPoc8sY3ukgbFz'});

    }



複数動画のIDでの配列を利用する場合、 パラメータは playlist を利用します。

動画リストのIDを利用する場合、 パラメータは list を利用します。

微妙に違いますが間違えると動画が再生されません。要注意です。

2015年10月15日木曜日

YouTube IFrame API リンク

YouTube IFrame API  リンク


iframe 組み込みの YouTube Player API リファレンス
https://developers.google.com/youtube/iframe_api_reference



2015年10月8日木曜日

CSS

CSS





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
}

2015年10月7日水曜日

CSSレイアウトを確認するために Javascript

ホームページのスタイルシート、レイアウトを確認するために Javascript です。

Chrome コンソールで利用します。CSS勉強のためです。


function s_new(){
       this.div = function(){
               eng("div");
       }

       this.ul = function (){
               eng("ul");
       }

       this.li = function (){
               eng("li");
       }

       this.user = function(e){
                eng(e);
       }

      function eng (e){
            var div = document.getElementsByTagName(e);
                 if (div.length > 0){
                      for(var a = 0 ; a < div.length; a++){
                           //div[a].style.borderStyle="solid";
                           //div[a].style.borderWidth="1px";
                           div[a].style.boxShadow ="2px 2px 6px";
                         }
                }else{
                         console.log("none");
                }
       }
}

var x = new s_new;






ElementsByClassName

     function eng (e){
            var div = document.getElementsByClassName('a');
                 if (div.length > 0){
                      for(var a = 0 ; a < div.length; a++){
                           div[a].style.borderStyle="solid";
                           div[a].style.borderWidth="1px";
                         } 
                }else{
                         console.log("none");
                }
       }

eng();







2015年9月26日土曜日

覚えておく

覚えておく


   function mobile_menu(){
         var get = document.getElementsByClassName("menu_item");
for(var i in get){
if(get[i].childNodes){
                                      console.log(i);
                                      get[i].style.display="none";
                                }
                    }
    }


この場合、if(get[i].childNodes) は必須な判断になります。そうしないと、

get の length、item、namedItem は除外されません、エラーになります。

2015年9月11日金曜日

Lynx (ウェブブラウザ)

Lynx (ウェブブラウザ)

日本語版
     Lynx286rel4TH.zip (Select a Mirror for File Page)
     Version 2.8.6rel.4TH, 2.9 Mbyte, 2006.5.3


This page contains links to the February 14, 2014 Lynx v2.8.8 release.

https://lynx-win32-pata.osdn.jp/index-ja.html
Lynx for Win32 (by patakuti): Project Home Page