谷歌html5.js,HTML5 video (video.js) not loading in Chrome

最新推荐文章于 2025-04-04 01:58:13 发布

Jasin Yip

最新推荐文章于 2025-04-04 01:58:13 发布

阅读量275

点赞数

文章标签：谷歌html5.js

在Chrome浏览器中，一个HTML5视频无法加载，只显示video.js的加载指示器，并出现'Uncaught TypeError: Cannot call method 'init' of undefined'的错误。视频源类型包括mp4、webm和ogg，页面设置为自动播放并预加载。可能的问题包括浏览器不支持HTML5视频、资源路径错误或者video.js库加载失败。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I have a html5 video video that is not loading in chrome, it just shows the loading spinner from video.js.

I get the following error in chrome console too:

Uncaught TypeError: Cannot call method 'init' of undefined machinas.com/:830

["Video Error", Object]

0: "Video Error"

1: Object

length: 2

__proto__: Array[0]

.htaccess

AddType video/mp4 .mp4 .m4v

AddType video/webm .webm

AddType video/ogg .ogv .ogg

html

width="100%" height="100%"

poster="videos/timelapse.jpg"

data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>

Your browser doesn't support HTML5 video.

Download the video instead.

Anyone know what could be the issue?

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jasin Yip

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

656. 大学生HTML期末大作业 ―【Bootstrap框架科技企业响应式自适应网页】 Web前端网页制作 html5+css3+js

A240307的博客

11-27

945

本实例应用html5+css3+js：导航菜单、图片轮翻、三级页面、下拉菜单、无缝滚动插件、鼠标滑动特效、留言表单等。响应式布局可以根据不同的设备屏幕大小自动调整页面布局，提高用户体验；本网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。

214. 大学生HTML5期末大作业 ―【Bootstrap框架手机电子购物商城wap模板(7页)】 Web前端网页制作 html5+css3+js

2301_82212046的博客

04-04

382

本实例为移动端网页，应用html5+css3+js：图片轮翻、无缝滚动插件、鼠标滑动特效、搜索、登录等。响应式自适应网页，可以根据不同的设备屏幕大小自动调整页面布局，提高用户体验；本网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。

参与评论您还未登录，请先登录后发表或查看评论

fonts.googleapis.com/css和html5shim.googlecode.com/trunk/html5.js 本地文件下载

11-04

fonts.googleapis.com/css和html5shim.googlecode.com/trunk/html5.js因受链接不了，现将所有文件打包分享以备使用。

HTML5 video not,html - Video not loading/html5 - Stack Overflow

weixin_33982454的博客

06-27

259

I have a problem that is driving me nuts and I don’t know what else to do. I purchased the template “Formula” from pixelarity dot com. In the demo, that site has a video playing on a loop in the back...

HTML5 google地图js代码

11-21

很小很实用的地图插件,直接放到页面就可以使用，太完美了

HTML5 video not,html - HTML5 Video not showing in Safari - Stack Overflow

weixin_39790760的博客

06-27

174

I've read other answers on here regarding this issue but none help. I'm trying to use the HTML5 video in Safari, but it just won't show up at all. For reference view: http://www.shaun-pelling.com/mala...

google_JS

zhuoxiong的专栏

12-18

3326

http://www.w3.org/1999/xhtml"> 自定义提示 var emails = [ { name: "Peter Pan", to: "peter@pan.de" }, { name: "Molly", to: "molly@yahoo.com" }, { name: "Forneria Marconi", to: "liv

html5 LightBox插件手机端图片幻灯片代码

11-17

将HTML5 LightBox整合进你的项目中，通常需要在HTML文件中引入相关的JS和CSS文件，然后对图片链接应用特定的类名或者使用JavaScript API来初始化插件。 9. **源代码分析**：压缩包中的“texiao4831_1560681077”...

215. 大学生HTML5期末大作业 ―【 Bootstrap框架蓝色物流公司响应式自适应网页(24页)】 Web前端网页制作 html5+css3+js

最新发布

2301_82212046的博客

04-04

975

本实例应用html5+css3+js： Bootstrap框架、图片轮翻、三级页面、鼠标滑动特效、留言表单等。响应式自适应网页，可以根据不同的设备屏幕大小自动调整页面布局，提高用户体验；本网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。

87_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

08-02

在这个源码包中，H5模板充分利用了HTML5的新特性，如`<audio>`和`<video>`标签用于多媒体播放，`<canvas>`元素支持动态图形，以及`<section>`、`<article>`等语义化标签，提高网页内容的可读性和可访问性。...

Chrome浏览器中使用js来播放video标签内容

weixin_30376083的博客

12-06

1472

问题描述在Chrome浏览器中使用 <video>标签并通过JS的方式来实现鼠标浮动上去后播放视频的效果，但是在浏览器的控制台上会提示以下的错误！ Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. 鼠标浮动到视...

Chrome 使用video.js 无法播放Hls 直播源的视频

weixin_42758129的博客

12-22

6356

##Chrome 使用video.js 无法播放Hls 直播源的视频首先：下载video.js 下载地址：http://www.jq22.com/jquery-info404 打开index.html文件官方demo中 MP4格式的能够播放但是改成CCTV1 的Hls直播源时却没有不能够加载视频，郁闷ing~~ Hls是基于H5的视频播放（Ps:如果不支持H5就使用提醒Flash播放）...

html5 video play方法,html5 – 如何在现代Chrome上访问video.play()API

weixin_39912984的博客

06-20

1025

我正在使用HTML5视频标记API来播放网络摄像头中的视频,如下所示：videoElement = element.find('video')[0];navigator.getUserMedia(constraints, function(stream) {if (navigator.mediaDevices.getUserMedia) {videoElement.mozSrcObject = s...

html5的video标签不能在Chrome实现自动播放

chunwudan0773的博客

01-14

2153

因为chrome从2018年开始不支持自动播放，所以video不能自动播放。在Chrome中实现video实现自动必须加上 muted="muted"，加完后加上该属性后，视频是静音状态。示例 <video controls="controls" muted="muted" a...

关于HTML5的audio标签和video标签删除下载图标

不二的博客

08-22

3658

video标签和audio标签在谷歌浏览器上自带下载按钮，当我们不想要下载按钮的时候，可以试一下以下操作第一种方案：在video或者audio标签上添加controlsList="nodownload"即可关闭下载按钮  <video src="videoUrl" controlsList="nodownload" controls="con...

HTML5中的video标签，无法播放视频问题