video.js

问题 I am getting this error when using videos-panorama Dom Exception: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The video element contains cross-origin data, and may not be loaded. https://github.com/yanwsh/videojs-panorama <code> (function (window, videojs) { var player = window.player = videojs('videojs-panorama-player', {}, function () { }); var videoElement = document.getElementById("videojs-panorama-player"); var width = videoElement.offsetWidth; var height = videoElement

问题 is it possible to set the orientation a .mp4 file in the video.js player? I don't see properties to do so such as Orientation="Portrait", but I was wondering if setting the width and height at runtime would do this. 回答1: You should try out this plugin. Video.js Zoom Rotate A videoJS plugin to easily rotate or zoom in a video https://github.com/xbgmsharp/videojs-rotatezoom 回答2: The best to fix this it to rotate the actual video file. You can do this by using VLC Player. Go to Tools > Effects

问题 I want to realize something similar like http://www.dash-player.com/demo/live-streaming-dvr/, using videojs. I get a manifest.mpd (type=dynamic) from the wowza streaming engine with timeShiftBufferDepth set to 15 minutes. I am using videojs v4.12.15, dashjs v1.5.0 and videojs-contrib-dash v1.1.1 to display the stream. As you can see, the SeekHandle is at position 0. The currentTime is at 216:07:07 (from the manifest.mpd), and the duration is 4.99… enormous. (videojs seams to have some problem

问题 In my own embedded videos, and on the Video-JS site, I see a bright green screen, like the attached image. Does anyone else see this? I'm using IE 10 on Windows 7 in VMWare. Bright green video bug ie 10 回答1: If you run the VMware turn off hardware acceleration of the graphic card in the VM preferences, then the green screen is gone. 回答2: I am experiencing the same issue on a virtual machine (vmware with windows7 on a mac) - I read somewhere that it is likely a video card driver. 来源： https:/

问题 Does anyone know how I can return what frame the video would be on at a certain point ? so for example the video is playing and I press a js button ive made and it returns the current frame the video is on and prints it on screen . 回答1: There's no way to know the exact frame of the video from the html5 video element, but if you know the frame rate (e.g. 30 fps) up front you could do the calculation. var frame = Math.floor(myPlayer.currentTime() * frameRate); 来源： https://stackoverflow.com

问题 @Component({ selector: 'invidz-video-js-component', template: ` <div id="full-background"> <video id="vid" class="video-js vjs-default-skin vjs-fullscreen vjs-big-play-centered" controls data-setup='{ "techOrder": ["youtube"]}' > <source type="video/youtube" [src]="videoUrl"/> </video> </div> `, `] }) export class VideoJsComponent implements OnInit, AfterViewInit { @Input() videoUrl: string; @Input() autoPlay: string; private player: any; constructor() { } ngOnInit() { console.log(this

问题 I'm using videojs plugin to play my videos dynamically on click of each video but it does not play what i'm doing wrong. $(function(){ $('.player-src').on('click',function(){ //alert($(this).attr('data-src')); var videosrc = $(this).attr('data-src'); videojs('my_video_1', { sources: [{ src: videosrc, type: 'video/mp4' }, { src: videosrc, type: 'video/webm' }] }); }); }); ul{ display:block; list-style: none; background:#eaeaed; padding:15px; } li.player-src{ padding: 12px; background:

问题 js to play videos in my site but i wanna stop playing the video if not in view point i make this code $(document).on("scroll", function() { var scrollTop = $(window).scrollTop(); $( "video" ).each(function() { var pos = index.position(); if (scrollTop < pos.top + 100) { $(this)[0].play(); } if (scrollTop > pos.top + 400) { $(this)[0].stop(); } if (scrollTop < pos.top - 400) { $(this)[0].stop(); } }); }); but it not work for me and not show any error this is demo page "http://jsbin.com

问题 I have tried to play in a web page a m3u8 file streaming with video.js, But I could not do it, I do not know where the mistake is <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Video</title> <link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/4.12/video.js"></script> <script src="https://github.com/videojs/videojs-contrib-media-sources/releases/download/v0.1.0/videojs-media-sources.js"></script> <script src="https://github.com

问题 I use this code to make a video (eg. banner, so no controls) autoplay and loop forever. <video id="video1" class="video-js vjs-default-skin" controls width="900" height="500" poster="myposter.jpg" data-setup='{ "controls": false, "loop": "true", "autoplay": true, "preload": "true"}'> <source src="thisismyvideoyay.webm" type='video/webm' /> </video> It works fine on my computer but on my phone (Android OS 4.2.2 with Chrome) it's not autoplaying or preloading and not looping after it finished.