Vimeo 视频不适用于 HTML5 标签-前端问题

Vimeo video not working with HTML5 tag(Vimeo 视频不适用于 HTML5 标签)

本文介绍了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="aHR0cDovL3BsYXllci52aW1lby5jb20vdmlkZW8vNjg4NjY3NTk="></video>

这里是完整的代码:

<html>
<body>
<script type='text/javascript' src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWluY2x1ZGVzL2pzL2pxdWVyeS9qcXVlcnkuanM/dmVyPTEuNy4y"></script>
<script type='text/javascript' src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvcGx1Z2lucy9hbWF6aW5nc2xpZGVyLXBsdWdpbi9zaGFyZWRlbmdpbmUvYW1hemluZ3NsaWRlci5qcz92ZXI9MS42"></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="QmlnIEJ1Y2sgQnVubnkgQ29weXJpZ2h0ICBCbGVuZGVyIEZvdW5kYXRpb24=" src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hbWF6aW5nc2xpZGVyLzExL2ltYWdlcy9iaWdfYnVja19idW5ueV80ODBfMjcwLmpwZw==">
                <video src="aHR0cDovL3BsYXllci52aW1lby5jb20vdmlkZW8vNjg4NjY3NTk=" preload="none"></video>
            </li>
            <li><img alt="RWxlcGhhbnRzIERyZWFtIENvcHlyaWdodCAgQmxlbmRlciBGb3VuZGF0aW9u" src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hbWF6aW5nc2xpZGVyLzExL2ltYWdlcy9lbGVwaGFudHNfZHJlYW1fNDgwXzI3MC5qcGc=">
                <video src="aHR0cDovL3d3dy55b3V0dWJlLmNvbS9lbWJlZC9UTGtBMFJFTFExZw==" preload="none"></video>
            </li>
            <li><img alt="U2ludGVsIC0gVGhpcmQgT3BlbiBNb3ZpZSBieSBCbGVuZGVyIEZvdW5kYXRpb24=" src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hbWF6aW5nc2xpZGVyLzExL2ltYWdlcy9TaW50ZWxfNDgwXzI3MC5qcGc=">
                <video src="aHR0cDovL3d3dy55b3V0dWJlLmNvbS9lbWJlZC9lUnNHeXVlVkx2UQ==" preload="none"></video>
            </li>
        </ul>
        <ul style="display:none;" class="amazingslider-thumbnails">
            <li><img src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hbWF6aW5nc2xpZGVyLzExL2ltYWdlcy90aHVtYm5haWxzL2JpZ19idWNrX2J1bm55XzQ4MF8yNzAuanBn"></li>
            <li><img src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hbWF6aW5nc2xpZGVyLzExL2ltYWdlcy90aHVtYm5haWxzL2VsZXBoYW50c19kcmVhbV80ODBfMjcwLmpwZw=="></li>
            <li><img src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hbWF6aW5nc2xpZGVyLzExL2ltYWdlcy90aHVtYm5haWxzL1NpbnRlbF80ODBfMjcwLmpwZw=="></li>
        </ul>
        <div style="display:none;" class="amazingslider-engine"><a href="http://www.amazingslider.com">jQuery Slider</a></div>
    </div>
    <script src="aHR0cDovL2FtYXppbmdzbGlkZXIuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy9hbWF6aW5nc2xpZGVyLzExL3NsaWRlcmVuZ2luZS9pbml0c2xpZGVyLmpz"></script>
</div>
</body>
</html>

问题描述

推荐答案