Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
javascript - Vue 2.0-Video-Tag, die URL wird über Ajax abgerufen und das mit v-bind:src="" verknüpfte Video kann nicht abgespielt werden
迷茫
迷茫 2017-06-12 09:31:32
0
2
1383

vue 2.0-Video-Tag, verwenden Sie v-bind:src="", um die Video-URL zu verknüpfen, und die URL wird von Ajax in der Datenbank abgerufen, nachdem die Seite erfolgreich gerendert wurde, aber das Video kann nicht abgespielt werden.

Netzwerk hat keinen Link zum Laden dieses Videos erstellt.

Die Seite wurde erfolgreich gerendert. Fügen Sie einfach den folgenden Code in eine normale HTML-Datei ein und sie wird erfolgreich abgespielt. 

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

Quellcode: 

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

Das Projekt wurde zuvor in Vue 1.0 geschrieben und aufgrund einer Rekonstruktion vor kurzem auf Vue 2.0 aktualisiert Fragen erschienen, bitte bitte Gott, sie zu beantworten.

Der Grund für persönliche Tests besteht darin, dass die URL nicht normal abgespielt werden kann, da Ajax sie zurückgibt. Wenn der Attributwert des recommentVideo-Objekts in Daten festgelegt ist, kann sie abgespielt werden. Wenn Ajax jedoch die Daten abruft und sie dann zuweist Kann nicht gespielt werden.

迷茫
迷茫

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

Antworte allen(2)
習慣沉默
習慣沉默2017-06-12 09:33:32 2 Etage

可以的吧，朋友，你看看，网速有点慢，还是给你个截图吧
当然，也有可能是你取到url后没有触发vue视图的改变。

这是补充的代码，同理

<!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>
Wie +0
Antwort hinzufügen
阿神
阿神2017-06-12 09:33:32 1 Etage

可能你的初始化代码在ready里面，vue2的ready叫mounted

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage