News & Pickup: [JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid

2014年11月17日月曜日

[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid

■[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-covervid.html
─情報元：コリスサイト様─

-------抜粋------

.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404599"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404599" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_trgGgw5x8ILxuxEg7IEx25dKPqKfbR9lB_utcp4T0GHcKFoRjpYimqctCSUpS3jAu3vIMYyhm2BQCN7_O2184nMLQuCiSHXijVVTeAujUU5wSrZclmPOXnKwhZmzACvpalFce9MDRsoQZ7C2kZ__Cw=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404605"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404605" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_soVAGRvHjtTNShn8PFk-4Ugj1Edl0gpjkSTcnf9dk6logV5ElDSEUfUQIR0upvhMIvc5BJ2-50GVHkSdVByPNcBJM4Gi7qKX4PhnzDZugSDYUqV5egKTrx1dXuEdPYCmkGfjh1VvZduF9VZZe2mTo=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404606"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404606" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tVJXHA64ssMVcRIC-dR9jG7iF7mEH6csfZrTFkmBQBtjev2AO_eRuAWaWkx7UDwdzfBvMo6IbmwaPGHIhUYxFlg-3wtSwqrCtpAGINL1ZGKIQf1GLaCAsaBwZ-KRgS8DMd3oCIRBGbT4Iytz2xa-8=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=879177293"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=879177293" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vT45GFekzOJ5vxXK-_-meyZm1mfwLV3xncMQ63GULInPDzaBnX5Z0xY_AasmP7R6OyyjjpasiqZqN6ygQ4h3V4xJoOIIE1LzSq1_NzV-QDRhBOoaJWk4LdST6KPpXhB6HvhLD-ytctrBFObMQ_2ZXa=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882466227"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882466227" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_snYX9cpM07v47_i6AfqOKoeztGoEZMbC0_WoC31eAtK0vHDSCUFvTatY46CB2YXig8i-SlbBJpnRSHmXRWs2iyGEqtUjKi678uIyQF3k-iOIuUvwjSHXVfwL791YrPh9jhtszLAp9lbMJ0Rx7V_V1T=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404610"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404610" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uA9G4dY2gNvLtASpHmrNrESy85Mzv7AeQNYcuWZHASkt4EivPWNmQKmIexT0GR52ym35M-lEDqO2dQb2qitc077Q0Yt6BPQq7sOcnCSF35el20lXGWu1PHKDHBJgPap78XNW-hcp0oU-YGVqyztCE8=s0-d" height="60" width="234" border="0"></a></noscript>

<script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404614"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404614" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vM_cq8QH6yMhD_sXREh3PVHhc_AS0bI4KDYjZSXvE9M_aHRasAuGIbViaabXd6ocGKdU2HqG9viVbkpZXFeMjHmjL_D-wVXgKK7OsSd04_FDt2-vd0DNuU7yOP2Uk8ov0Lf43NpuhTESlb30Avm7yN=s0-d" height="60" width="234" border="0"></a></noscript> <script language="javascript" src="//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2667806&pid=882404616"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2667806&pid=882404616" target="_blank" ><img src="https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sI5rFGD1ezYQn50XXXgUhBUSkLN7H8StgTIQYYuG96DqgC-Hv0MsC7iH5082669p93nTKeeoQ33KfmYP0r5taq5bUxwZiSR4e3bvIhFs-iKi1y7oKhJ-duppOWLI4QySZ1yFAea04Uz9NQ9u-zzA0=s0-d" height="60" width="234" border="0"></a></noscript>