Vimeo 视频不适用于 HTML5 标签 [英] Vimeo video not working with HTML5 tag
本文介绍了Vimeo 视频不适用于 HTML5 标签的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想为 Vimeo 视频添加一个滑块.我检查了 这个滑块，但它使用了 HTML5 视频标签.当我对 Vimeo 视频 URL 使用相同的标签时，它不起作用.这是我的代码:
I want to add a slider to Vimeo videos. I checked this slider, but it uses the HTML5 video tag. When I use the same tag with a Vimeo video URL then it's not working. Here is my code:
<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 Settings和Video File，在底部有一个叫做的部分>使用您自己的播放器，您会在那里找到指向您的视频的直接网址.示例:
Go to your Video Settings and Video File, at the bottom there is a section called Use Your Own Player, you'll find there direct urls to your video. Example:
<video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4"></video>
注意:这需要 PRO Vimeo 帐户.
Note: This requires a PRO Vimeo account.
这篇关于Vimeo 视频不适用于 HTML5 标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
