javascript - Vimeo 默认嵌入 html5

Question

您好，我正在尝试让视频自动播放和静音。但在移动设备上，由于闪光灯，它不会显示。

这是我的代码。

<div id="vimeo"> </div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<script type="text/javascript">
        function vimeo_player_loaded() {
        moogaloop3 = document.getElementById('vimeo');
        moogaloop3.api_setVolume(0);
        }
        var flashvars = {
        'clip_id': '138036294', // <--vimeo video ID
         'server': 'vimeo.com',
        'show_title': 0,
        'show_byline': 0,
        'show_portrait': 0,
        'fullscreen': 0,
        'autoplay': 1,
        'js_api': 1,
        'js_onload': 'vimeo_player_loaded'
        }
        var parObj = {
        'swliveconnect':true,
        'fullscreen': 1,
        'allowscriptaccess': 'always',
        'allowfullscreen':true
        };
        var attObj = {}
        attObj.id="vimeo";
        swfobject.embedSWF("http://www.vimeo.com/moogaloop.swf", "vimeo", "343", "193", "9.0.28", '',flashvars,parObj, attObj );
        </script> 

我该如何将其默认为 html5？

Answer 1

找到了另一种方法来做到这一点

<div id="vimeo"> <div>

 <script>
 // URL of the video
    var videoUrl = 'http://www.vimeo.com/76979871';

    var endpoint = 'http://www.vimeo.com/api/oembed.json';
    var callback = 'embedVideo';
    var url = endpoint + '?url=' + encodeURIComponent(videoUrl)+ '&autoplay=true' + '&callback=' + callback + '&width=420';
    function embedVideo(video) {
        document.getElementById('vimeo').innerHTML = unescape(video.html);
    }
    function init() {
        var js = document.createElement('script');
        js.setAttribute('type', 'text/javascript');
        js.setAttribute('src', url);
        document.getElementsByTagName('head').item(0).appendChild(js);
    }


    window.onload = init;