Vimeo vidéo ne fonctionne pas avec la balise HTML5

Je veux ajouter un curseur de vidéos Vimeo. J'ai vérifié ce curseur, mais il utilise la balise vidéo HTML5. Quand j'ai utiliser la même balise avec un Vimeo URL de la vidéo alors ça ne marche pas. Voici mon code:

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

Voici le code complet:

<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>
Vimeo vous donne une page à intégrer. Copie tout ce fragment de code HTML Vimeo vous donne et de le coller à la place de votre <video>.

OriginalL'auteur user2477139 | 2013-08-25

  1. 20

    Aller à votre Paramètres Vidéo et Fichier Vidéo, au fond il y a une section appelée Utiliser Votre Propre Joueur, vous y trouverez directe url de votre vidéo. Exemple:

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

    Note: Ceci nécessite un PRO compte Vimeo.

    Est-il un moyen pour trouver les url de la vidéo si vous n'êtes pas le propriétaire du contenu et veulent juste jouer Vimeo vidéos sur une Vidéo htnl5 tag sur une page web comme le vimeo page d'accueil, par exemple, ou summitdublin.com ?
    Je ne trouve pas le "Utilisez votre propre joueur", a-t-il encore existant ou pas ?
    il est toujours là aujourd'hui. Cependant, nous avons un pro compte Vimeo...
    Prendre un coup d'oeil: vimeo.com/help/faq/sharing-videos/... - PRO Seulement les membres peuvent intégrer des vidéos dans la coutume de tiers de joueurs.
    Est-ce réellement nécessite un PRO compte Vimeo?

    OriginalL'auteur gregmatys

  2. 0

    Vous aurez besoin d'utiliser notre code embed pour que cela fonctionne. http://player.vimeo.com/video/68866759 n'est pas un fichier vidéo, c'est une page HTML afin de le mettre dans une balise vidéo à ne pas faire n'importe quoi.

    Si vous remplacez la balise vidéo avec cela, il devrait fonctionner:

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

    OriginalL'auteur Brad Dougherty