Vimeo视频无法使用HTML5标记

Question

Vimeo视频无法使用HTML5标记

use*_*139 9 video jquery html5 slider vimeo

我想为Vimeo视频添加一个滑块.我检查了这个滑块,但它使用了HTML5视频标签.当我使用与Vimeo视频网址相同的标签时,它无法正常工作.这是我的代码:

<video src="http://player.vimeo.com/video/68866759"></video>

Run Code Online (Sandbox Code Playgroud)

这是完整的代码:

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

Run Code Online (Sandbox Code Playgroud)

Answer 1

gre*_*tys 20

转到您的视频设置和视频文件,底部有一个名为" 使用您自己的播放器"的部分,您可以在其中找到您的视频的直接网址.例:

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

Run Code Online (Sandbox Code Playgroud)

注意:这需要PRO Vimeo帐户.

@edonbajrami它至今仍然存在.但是我们有一个专业的Vimeo帐户...... (4认同)
如果您不是内容所有者并且只想在网页上的视频htnl5标签上播放Vimeo视频,例如vimeo主页或http://summitdublin.com/,有没有办法找到视频的直接网址？ (2认同)
我找不到"使用你自己的播放器",它是否仍然存在？ (2认同)
看一下：https://vimeo.com/help/faq/sharing-videos/embedding-videos#do-custom-embed-settings-work-with-third-party-players - 只有 PRO 会员才能在自定义中嵌入视频/第三方玩家。 (2认同)

Answer 2

Bra*_*rty 1

您需要使用我们的嵌入代码才能使其正常工作。http://player.vimeo.com/video/68866759不是视频文件，它是 HTML 页面，因此将其放入视频标签中不会执行任何操作。

如果您用此替换视频标签，它应该可以工作：

<iframe src="//player.vimeo.com/video/68866759" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

归档时间：	12 年，4 月前
查看次数：	22173 次
最近记录：	9 年，1 月前