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 を利用します。

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

YouTube IFrame API リンク

YouTube IFrame API  リンク


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

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;
}

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();

覚えておく

覚えておく


   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 は除外されません、エラーになります。

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

HTTP_USER_AGENT

HTTP_USER_AGENT


Mozilla/5.0 (Linux; Android 5.0.2; ASUS_Z00ED Build/LRX22G) AppleWebKit/
537.36 (KHTML, like Gecko) Chrome/39.0.2171.93 Mobile Safari/537.36


Mozilla/5.0 (Linux; Android 5.0; ALE-L02 Build/HuaweiALE-L02) AppleWebKi
t/537.36 (KHTML, like Gecko) Chrome/39.0.2171.93 Mobile Safari/537.36


Mozilla/5.0 (Linux; Android 4.4.4; HM NOTE 1LTE Build/KTU84P) AppleWebKi
t/537.36 (KHTML, like Gecko) Chrome/44.0.2403.133 Mobile Safari/537.36