communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
javascript - balise vidéo vue 2.0, l'URL est obtenue via ajax et la vidéo liée à l'aide de v-bind:src="" ne peut pas être lue
迷茫
迷茫 2017-06-12 09:31:32
0
2
1382

balise vidéo Vue 2.0, utilisez v-bind:src="" pour lier l'URL de la vidéo, et l'URL est obtenue à partir d'ajax dans la base de données après le chargement de la page. La page est rendue avec succès, mais la vidéo ne peut pas être lue.

le réseau n'a pas établi de lien pour charger cette vidéo.

La page est rendue avec succès. Mettez simplement le code suivant dans un fichier HTML ordinaire et il sera lu avec succès. 

<video controls="controls" poster="http://sdkadmin.91sd.com/data/slide/1496305029.jpg"><source type="video/mp4" src="http://img-cdn.wanyouxi.com/video/20170601_mdzz_recommend_video.mp4"> <source type="video/ogg" src="http://img-cdn.wanyouxi.com/video/20170601_mdzz_recommend_video.mp4"> <source type="video/webm" src="http://img-cdn.wanyouxi.com/video/20170601_mdzz_recommend_video.mp4"> <object data="http://img-cdn.wanyouxi.com/video/20170601_mdzz_recommend_video.mp4"><embed src="http://img-cdn.wanyouxi.com/video/20170601_mdzz_recommend_video.mp4"></object> <p>很抱歉！您的浏览器不支持视频控件请更新版本/使用uc浏览器等</p></video>

Code source : 

                <video controls="controls" :poster="recommendVideo.thumb_img" @click="cancelBubble()">
                    <source :src="recommendVideo.outside_url" type="video/mp4">
                    <source  :src="recommendVideo.outside_url" type="video/ogg">
                    <source  :src="recommendVideo.outside_url" type="video/webm">
                    <object :data="recommendVideo.outside_url" >
                        <embed  :src="recommendVideo.outside_url" />
                    </object>
                    <p>很抱歉！您的浏览器不支持视频控件请更新版本/使用uc浏览器等</p>
                </video>

Le projet a été écrit en vue 1.0+ auparavant. Récemment, il a été mis à niveau vers vue 2.0 en raison de la reconstruction. Avant, vue 2.0 utilisait {{}} pour lier Vue 2.0 et ne pouvait utiliser que : src. Des questions sont apparues, veuillez demander à Dieu d’y répondre.

La raison des tests personnels est que l'URL ne peut pas être lue normalement car ajax la renvoie. Si la valeur d'attribut de l'objet recommentVideo est définie dans data, elle peut être lue, mais si ajax obtient les données et les attribue ensuite, elle est utilisée. ne peut pas être joué.

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

répondre à tous(2)
習慣沉默
習慣沉默2017-06-12 09:33:32 2 plancher

D'accord, mon ami, regarde, la vitesse du réseau est un peu lente, je ferais mieux de te donner une capture d'écran
Bien sûr, il est également possible que vous n'ayez pas déclenché le changement de vue après avoir obtenu le URL.

C'est le code supplémentaire, pour la même raison

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <script src="https://cdn.bootcss.com/vue/2.3.3/vue.js"></script>
 </head>
<body>
  <p id="main">
    <video controls="controls" :src="url">
      <source :src="url" type="video/mp4">
    </video>
  </p>
  <script>  
      var app = new Vue({
        el: "#main",
        data: {
          url: ''
        },
        methods: {
          // 模拟ajax
          loadUrl: function(){
            var _this = this;
            setTimeout(function(){
               _this.url = 'http://img-cdn.wanyouxi.com/video/20170601_mdzz_recommend_video.mp4';
            },5000);
          }
        }
      })
      console.log(app);
      app.loadUrl();
  </script>
</body>
</html>
Comme +0
Ajouter une réponse
阿神
阿神2017-06-12 09:33:32 1 plancher

Peut-être que votre code d'initialisation est prêt, le prêt de vue2 est appelé monté

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal