Öffnen Sie ein HTML5-video im Vollbild standardmäßig?

Möchte ich die Gastgeber einige HTML5-videos in eine HTML-app. Öffnen Sie das video, das Sie gerade geöffnet up innerhalb einer Seite und spielen Sie standardmäßig mit den Steuerelementen zur Verfügung, mit der option zu öffnen, fullscreen, gibt es eine Möglichkeit zu spielen, full screen, sobald man die Seite öffnet?

<div class="video-container" data-tap-disable="true">
<div class="videotitle">{{product.title}}</div>
<div class="videoduration">Duration: {{product.duration}}</div>
<video id="myVideo" controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"><source src="{{product.video}}" type="video/mp4"/></video>

Hier ist mein Winkel-controller, nehme ich den JS code passen hier irgendwo, im Gegensatz zu meinem product.html

.controller('ProductCtrl', function (Products, $rootScope, $scope,  $stateParams, $state, $timeout) {
$scope.product = Products[$stateParams.productId];

var video = document.getElementById("myVideo");

//Stop video playing when we go to another page
$rootScope.$on('$stateChangeStart', function () {
stopVideo();
});

 //Go to list of other videos when individual HTML5 video has finished  playing
angular.element(video).bind('ended', function () {
$state.go('app.products');
});

function stopVideo() {
video.pause();
video.currentTime = 0;
}
});
Mögliche Duplikate von Html5-Vollbild-video
Werfen Sie einen Blick auf videogular

InformationsquelleAutor me9867 | 2016-03-21

  1. 2
    var elem = document.getElementById("myVideo");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
    Während dieser code kann die Frage beantworten, die zusätzliche Bereitstellung von Kontext in Bezug auf, warum und/oder wie dieser code beantwortet die Frage, verbessert seine langfristige Wert.

    InformationsquelleAutor AnatPort

  2. 0
    var video = $("#myVideo");
video.on('click', function(e){
    var vid = video[0];
    vid.play();
    if (vid.requestFullscreen) {
      vid.requestFullscreen();
    } else if (vid.mozRequestFullScreen) {
      vid.mozRequestFullScreen();
    } else if (vid.webkitRequestFullscreen) {
      vid.webkitRequestFullscreen();
    }
});
    Dies ist nicht eine angularJS Antwort (Aber es ist die Antwort im Allgemeinen), die der OP verwenden sollte, es in einer Richtlinie und halten Sie Ihre controller sauber von DOM-manipulation code
    Schön copy-paste von der doppelten obwohl.
    Es ist für webkit-und-moz-fallbacks in deinem code, würde diese Arbeit in Android in einer App, obwohl. Auch dieser code ist, klicken Sie auf aktiviert, und nicht, wenn die Seite geöffnet wird.
    Exquise mich für die verspätete Antwort. Es gibt keine Möglichkeit für open-fullscreen-video automatisch. Dies ist über client-Sicherheit. Dies ist eine mögliche Lösung finden Sie für die Wiedergabe von videos im Vollbildmodus. Bearbeiten können Sie es für Ihre Bedürfnisse.

    InformationsquelleAutor MERT DOĞAN

Schreibe einen Kommentar