我正在尝试建立HTML5视频播放器,但音量似乎是目前对我的一个问题。
我希望音量栏根据用户点击音量图标而改变。目前,如果你点击音量按钮,它会将音量值设置为0,但如果我再次点击,它应该会设置为1。不幸的是,它一直停留在0中,并且不会随着我的点击而改变。我的js如下所示:
window.onload = function() {
//video
var video = document.getElementsByClassName("js-video-container__video")[0];
//Buttons
var playButt
我目前正在使用插件,并设法使它能够响应以下代码:
JS:
videojs.options.flash.swf = "../../js/video-js.swf";
// Once the video is ready
videojs("#video").ready(function(){
var myPlayer = this; // Store the video object
var aspectRatio = 4/3; // Make up an aspect ratio
function resizeVideoJS(
(function () {
// Creating and Appending scripts dynamically
function createScript(src) {
var script = document.createElement('script');
script.src = src;
document.getElementsByTagName('head')[0].appendChild(script);
}
// End script tags Here
function createLink(href)
我正在播放的视频流的VideoJS在一个弹出式窗口或在一些窗口。视频播放得非常好。但是在玩的时候,如果我关闭了模式或窗口,我在控制台上得到了这个错误。 video-js.js:2568 Uncaught TypeError: Cannot read property 'nodeName' of null
at validateTarget (video-js.js:2568)
at normalizeListenArgs (video-js.js:2647)
at Html5.one (video-js.js:2787)
at Player.u
我真的很喜欢面向对象的Javascript和Video.js。为了在每次加载页面时显示自定义视频控件,必须处理并重新生成缓存的Video.js对象。
我已经创建了以下脚本来正确检查缓存对象,但不确定是否有更好的方法,一种不需要创建第二个全局变量的方法:
<div class="video-wrapper"></div>
<script>
var VideoObj;
var Continuum = function(container, el, shortName) {
this.container = co