gpt4 book ai didi

jquery - Vimeo 视频不适用于 HTML5 标签

转载 作者:太空狗 更新时间:2023-10-29 13:37:17 25 4
gpt4 key购买 nike

我想给 Vimeo 视频添加一个 slider 。我检查了 this slider ,但它使用 HTML5 视频标签。当我将相同的标签与 Vimeo 视频 URL 一起使用时,它就不起作用了。这是我的代码:

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

最佳答案

转到您的视频设置视频文件,在底部有一个名为使用您自己的播放器的部分,您会发现您的视频有直接网址。示例:

<video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4"></video>

注意:这需要一个 PRO Vimeo 帐户。

关于jquery - Vimeo 视频不适用于 HTML5 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18426410/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com