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_vL6Ryla8l1Q4uOjRQfw8g5yB8o-xyNOIaXJwMLcOPADnG1UoiHKazBu9IhuPKXjESu6gE9_a3_wnS2VxtYwxQnoJiHO6k3uRSsg791JwGaYzvpJOkYo5Dzi4Nu69hS7XTqSZcsjvPQm32h4j998eAc=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_tC0g_JAaP8_ovZGL3rmj7-aJo8H9tVYAGIDth9xGKOggRx9SsUSxFJW_C_iAre1kzaLkeTTS6CpP2w6La784XIHXVqoKNEYpMwFGzeB1xMSOKwFL2cawGWDfy_PbBNwimf_v1Ow3AIV_CVJ-LGWyU=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_tD9PXzqtqvEZmxdaYlHRMYEVMksmIWtVISgsyw0FKPu7asdUDg0pYLDdCotnBhi7hiV3Q4qDpZo5iWI1UH8ms_WCs6GkbbJ1RUjzpJA6ScvFUQhURtfkjPDu0bYqRo3KcYc19i20zdnEUXyyqw0_I=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_uWXRyf7hZojBL1nl8PodlwsTr__oNxGNDA2RlTSMvFz1xExSNwp1pcrWuB4Mc0Dq09nl5773QLuXyvMZjTUucRhugsD56bytD5Of_scCu83DlHw1_uv5pdjktLjaw5SW_1-sUn5HYHnauGavRlvAJV=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_vugrlMHyia5LtRLzezWNzg78At7NA8pclAZ2XqCMgslr9y4bmpjksNRJGxBJYt9vYQqKgyL41r1jsFGONA9WKSn1zJbyahAO-P369egwhJDInMK3kH_vKgUAdJZSgqDaeL81LoM3AJ2UI-SyXGXBUO=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_vCzg-ek2sMxapEGEveaVopNVSKw-wSvt0GvtsMP-MoxHWn03ADsLHkDIL8GxnAAxMsTQzq5RFdbZpnk2jCCwbk-BWM97JzrQGA_xAPUPx77O4jbnvwXoMLuJmbem0QurNq6ZVT0TZakxwVeN-f5NcI=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_vQE9fvLLmOHftkdhGLRI9qI-0ipvG7TAKNh_O9e4ciCO39MJUKPhYE-8RP02WOiXONAkE5FaZ40aRVcdiq7CzARenxMHoPnBHZO6F-dIsRL-RPc_61D2V9bfXE2-9MJRS7qB86YL2hFa7p4Vs-Le8M=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_tLXr8GEzpno4UEC9Cr5C8Fx841umqCdZzJBkU1A-AbN_0AKXzy_frGa77m_loLmT2ufzHA8D6qap7xdQd3Lc8yCUKm1pIVrAILAbE4bfH8OoXyxV7Qv_QjDqsiR8Y2bugiEd8wXEx-SQbPDRJO1eI=s0-d" height="60" width="234" border="0"></a></noscript>