当前位置: 开发笔记 > 前端 > 正文

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

作者：动感奥13 | 来源：互联网 | 2023-07-10 18:17

首先说一下我在使用video标签时遇到的问题1.在页面打开视频，第一次打开页面无法播放视频（根本就没有加载），第二次打开才能播放2.播放的视频不是想要看到的，浏览器F12后看到地址

首先说一下我在使用video标签时遇到的问题

1.在页面打开视频，第一次打开页面无法播放视频（根本就没有加载），第二次打开才能播放
2.播放的视频不是想要看到的，浏览器F12后看到地址确实改变了，但是播放的视频还是第一次打开时的那个视频

可能我的描述有点不清晰，可是我尽力了。。。。
直接说解决方法吧，也算是一种使用指导

解决方法

（重点！！！仔细品读）src属性应该放在video标签中，而不是video标签里的source标签
那么这句话什么意思呢，请结合图片去理解，就容易的多了

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

推荐阅读

js
Html5-Canvas实现简易的抽奖转盘效果

本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果，同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码，并展示了实现的基本效果。 ... [详细]

蜡笔小新 2023-12-13 06:02:20
json
React图片输入框移动端网页_018

React-图片输入框-移动端网页gitHub地址觉得有参考价值，点个赞https:github.comxiaopingzh…目录结构.├──README.md├──dist│├─ ... [详细]

蜡笔小新 2023-10-13 18:11:44
console
运用 Proxy 完成简朴的 MVVM 模子

绑定完成的汗青绑定的基础是propertyChange事宜。怎样得知viewModel成员值的转变一直是开辟MVVM框架的主要题目。主流框架的处置惩罚有一下三大类：别的开辟一套AP ... [详细]

蜡笔小新 2024-10-15 14:00:13
view
挪动web开辟题目和经验总结

媒介这里大部份是本身碰到过的状况，另有一部份自创了偕行的文章，假如人人有碰到别的坑，迎接提出来一同研讨。学问要点1.Meta标签1.制止用户缩放页面，页面强迫让文档的宽度与装备的宽 ... [详细]

蜡笔小新 2024-09-27 18:54:57
js
WebSocket与Socket.io的理解

WebSocketprotocol是HTML5一种新的协议。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送 ... [详细]

蜡笔小新 2023-12-12 19:35:15
json
前端人员必须知道的三个问题及其发展阶段

本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ... [详细]

蜡笔小新 2023-12-12 12:45:59
html
吐槽:团队遣散，我们该何去何从？

写在最前：纯属吐槽，漫笔，勿喷！就在前些天，放工回家的路上，看到群信息，说：据说京东裁人了～，也是在上上月，也一度被传的沸沸扬扬的：阿里、京东、华为接踵被曝住手社招，音讯也是满天飘 ... [详细]

蜡笔小新 2023-10-16 10:50:36
console
扩大微信小顺序 Page 组织函数，修正性命周期函数

不BB,直接正题一.将大众要领绑定到Page上单个绑定constoldPagePagePagefunction(app){注重大众函数的名字不要反复，不然掩盖app.utilfun ... [详细]

蜡笔小新 2023-10-14 20:49:01
scroll
使用Html5开发Android和iOS应用：HBuilder、Html5Plus、MUI

活动主题：五一巨献，问答有礼，105QB送给IT互联网界的劳动人民活动时间：4月30日晚上10点~5月2日晚上10点网址：http:ask.jiutianniao.com ... [详细]

蜡笔小新 2023-10-14 12:08:45
html
H5学习之二：深入探索video标签的使用技巧

<!DOCTYPEhtml><htmllang"en"><head><metacharset"UTF-8&qu ... [详细]

蜡笔小新 2023-10-14 08:46:10
html
html5中template用法,html5标签

　　html5中template用法,html5标签　　一、HTML5template元素初面　　模板元素，基本上可以确定 ... [详细]

蜡笔小新 2023-10-13 16:16:46
ajax
javascript – 关于微信浏览器的疑问

后端开发|php教程php,javascript,html5后端开发-php教程现在正在开发移动端webapp，遇到了比较麻烦的问题：用户输入帐号密码登陆后，自动跳转到首页,,QQ ... [详细]

蜡笔小新 2023-10-13 09:55:00
html
在谷歌浏览器中禁用本机datepicker - Disable native datepicker in Google Chrome

DatepickerlandedonChrome20,isthereanyattributetodisableit?MyentiresystemusesjQuery ... [详细]

蜡笔小新 2023-10-13 02:44:55
view
深入解析BookKeeper的设计与应用场景

本文介绍了由Yahoo在2009年开发并于2011年开源的BookKeeper技术。BookKeeper是一种高效且可靠的日志流存储解决方案，广泛应用于需要高性能和强数据持久性的场景。 ... [详细]

蜡笔小新 2024-12-19 11:08:57
js
AtCoder Beginner Contest 167

传送门A-Registration#include#definelllonglongusingnamespacestd;chars[15],t[15]; ... [详细]

蜡笔小新 2024-12-19 10:22:53

动感奥13

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章