我想为Vimeo视频添加一个滑块.我检查了
this slider,但它使用了HTML5视频标签.当我使用与Vimeo视频网址相同的标签时,它无法正常工作.这是我的代码:
<video src="http://player.vimeo.com/video/68866759"></video>
这是完整的代码:
<html> <body> <script type='text/javascript' src='http://amazingslider.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script> <script type='text/javascript' src='http://amazingslider.com/wp-content/plugins/amazingslider-plugin/sharedengine/amazingslider.js?ver=1.6'></script> <link rel="stylesheet" type="text/css" media="all" href="http://amazingslider.com/wp-content/themes/twentyeleven/style.css" /> <div class="demo-slider"> <div style="display:block;position:relative;margin:15px auto 30px;" id="amazingslider-11"> <ul style="display:none;" class="amazingslider-slides"> <li><img alt="Big Buck Bunny copyright Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/big_buck_bunny_480_270.jpg"> <video src="http://player.vimeo.com/video/68866759" preload="none"></video> </li> <li><img alt="Elephants Dream copyright Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/elephants_dream_480_270.jpg"> <video src="http://www.youtube.com/embed/TLkA0RELQ1g" preload="none"></video> </li> <li><img alt="Sintel - Third Open Movie by Blender Foundation" src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/Sintel_480_270.jpg"> <video src="http://www.youtube.com/embed/eRsGyueVLvQ" preload="none"></video> </li> </ul> <ul style="display:none;" class="amazingslider-thumbnails"> <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/big_buck_bunny_480_270.jpg"></li> <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/elephants_dream_480_270.jpg"></li> <li><img src="http://amazingslider.com/wp-content/uploads/amazingslider/11/images/thumbnails/Sintel_480_270.jpg"></li> </ul> <div style="display:none;" class="amazingslider-engine"><a href="http://www.amazingslider.com">jQuery Slider</a></div> </div> <script src="http://amazingslider.com/wp-content/uploads/amazingslider/11/sliderengine/initslider.js"></script> </div> </body> </html>
解决方法
原文地址:https://www.jb51.cc/jquery/175987.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。