MediaWiki:Common.js : Différence entre versions

Ligne 31 : Ligne 31 :
  
 
   var myElement = document.getElementById('mw-hello-world');
 
   var myElement = document.getElementById('mw-hello-world');
   myElement.innerHTML = '<div id="app" >
+
   myElement.innerHTML = '<div id="app" ><video position:relative="" poster="https://rhinedits.u-strasbg.fr/w/images/4/4b/Occup%C3%A9e.jpg" width="100%" v-bind:src="src" autoplay="" type="video/mp4" controls="controls" controlslist="nodownload">  </video></div>';
<video position:relative="" poster="https://rhinedits.u-strasbg.fr/w/images/4/4b/Occup%C3%A9e.jpg" width="100%" v-bind:src="src" autoplay="" type="video/mp4" controls="controls" controlslist="nodownload">  </video>
 
 
 
</div>';
 
 
    
 
    
 
}());
 
}());
 
 
 
 
 
 
var app = new Vue({
 
                el: "#app",
 
                data: {
 
                    src: 'https://rhinedits-stream.di.unistra.fr/Films/0005FH0011_5.mp4'
 
                }
 
            });
 

Version du 1 août 2019 à 15:59

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */


var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    } 
  });
}
mw.loader.load('https://cdn.jsdelivr.net/npm/vue/dist/vue.js')
mw.loader.load('https://unpkg.com/axios/dist/axios.min.js')
(function () {

  var myElement = document.getElementById('mw-hello-world');
  myElement.innerHTML = '<html>Hello World!!!</html>';

var app = new Vue({
                el: "#app",
                data: {
                    src: 'https://rhinedits-stream.di.unistra.fr/Films/0005FH0011_5.mp4'
                }
            });

  var myElement = document.getElementById('mw-hello-world');
  myElement.innerHTML = '<div id="app" ><video position:relative="" poster="https://rhinedits.u-strasbg.fr/w/images/4/4b/Occup%C3%A9e.jpg" width="100%" v-bind:src="src" autoplay="" type="video/mp4" controls="controls" controlslist="nodownload">   </video></div>';
  
}());