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_uT_E1J4rLHR2L1JBOh5-LHMcKNpVCuCEXBHztxYIBHHPSlmOk8-G07_C3hRxamZpCLfHYCqC618iIP9Q69yYHOLjWSCW1h55o_XRGFbQ-I2cL5X1TB-WvIJB0Us_oMQQE6pUg8YuKJlnEhrM1ZW06t=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_vYYLhseAGRVluVDYdaf-4Un6RdgxwmfZWD6cYJdKRKm_ISkfVw9_rr3I5xKNwKSb4AiFo7K_vGB_wmO1GDM3Y_I57DdPmnQVvbRLCObVeGKm_X-iWO1tIyARw9LAJugnEvMFIfC5L96VASzWs4_88=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_vB41pzVdl2MqGRiYRanH87vAfDYJRggp0JIqhilMJ3cNqAWMRe9XdNIQ5CgdHNTCDUfNYPzCoSY2rkUoOTRujCJPw5JcWqZK61qFun7wperdp2x5bswFnjhRjkqbPISjPpEZBTfo2f3qTVbY1qd9o=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_ubj2QSXK82WfyRkPom24L8kirK_vDlMZ9bW9xAodFVGkSNxgtmuWYCRDIoPi00fPEwXZcSYOVDU1-WN_ya62rVSVfwjI5O96xlqC1676b6951_jLIjhRmXFHFSqOSX47F7KMGCBmr7XPOTOn-PY1JA=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_v43W_xGS1OIhVGs-m_LmFpJFLOBtrPwWOOMVyaazxw4rzlOrtiHx51DrRcvuAlPPpKTBIlJoO0nEvYstxR_1enEV6_FGYt5rsWZrFUiQbutvkE722oGE4tSSDcqOymKcQ4ct7NWheAlrhCqFs7dQpR=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_t_QsIYdQl02JrGQV3kYTsWlvVITQ6KsMq09nHV9evj3rPMz_gwsKh5qbY4s8NetqEiYVcgnGCd-li-LdCdVQp5HV9l-jotMSUKJ7mR4bz-Edmy77XE2hjyK3CKpxmn5doPvEQuyGSrLdQyZZrZ4Cx6=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_v9zIt6NKQZAGvhklbrSvysC_9T0OAxl2fEOHbOiWmRkjvdcLaoqMtQUdZW7yKRKmxEwjMeCvBmUUy8eSNdQFNkmHORncVbzxStH8ndk2YRi7YVFpOz2XcVuUvDjNNXPlF6KLGIlDtE3roSwjnLOh4N=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_svspyDTi3-35L0jkUTA58lah2BcnA--8tcXW9aLJdrD41PneZ6P1_7u4TUG9QHIbd7FyyMBvCLDHbJ5HmxUF-E9nt1KK_5mUIsrsDdsxxixuNjFJ-6qhLljkhgAxidM47aJHCyZHkEaXV4--JHdr4=s0-d" height="60" width="234" border="0"></a></noscript>