我希望能够动态地将视频从源代码嵌入到html页面中。例如,如果我想添加一个新视频到我的页面,我只需将它放在一个文件夹中,并将其自动嵌入到我的html页面中。我想(如果可能)使用JavaScript和jQuery来做到这一点。有人能指引我朝着正确的方向吗?动态地在html中嵌入视频
2
A
回答
0
它也要做这样的:
- 扫描的文件夹
- 查找正确的扩展
追加视频页面
var folder = "videos/"; $.ajax({ url : folder, success: function (data) { $(data).find("a").attr("href", function (i, val) { if(val.match(/\.(mp4)$/)) { $("body").append(" <video width="320" height="240" autoplay> <source src='"+ folder + val +"' type="video/mp4"> </video> "); } }); } });
+0
谢谢!看起来确实让我走上了正轨。现在我的控制台正在抛出XMLHttpRequest错误。 “只有协议方案才支持跨源请求:http,数据,chrome,chrome扩展名,https。”可能因为我正在测试我创建的单独测试.html文件?我会更多地考虑它。 –
+0
因为你在本地。它必须位于Web服务器上,甚至是本地主机上。 – YamneZ
+0
这就是我所假设的。谢谢! –
相关问题
- 1. 在html中嵌入视频对象
- 2. HTML - 嵌入式mp4视频
- 3. 用jquery动态嵌入youtube视频
- 4. 为iPad动态嵌入HTML5视频
- 5. 在Qualtrics中自动嵌入Facebook视频
- 6. 如何在html上嵌入mp4视频?
- 7. 在Safari中嵌入视频
- 8. 在angularjs中嵌入视频
- 9. 在Java中嵌入视频
- 10. 将本地视频嵌入到UIView中
- 11. 在HTML或.aspx中嵌入音频和视频
- 12. 嵌入视频
- 13. 在C#ASP.NET视图中动态嵌入Html属性
- 14. 在Facebook墙上自动嵌入视频
- 15. HTML嵌入rtmp视频到页面
- 16. 将视频嵌入HTML页面
- 17. iOS中嵌入YouTube视频
- 18. 嵌入YouTube视频
- 19. Xamarin.Io嵌入视频
- 20. html4嵌入视频
- 21. 嵌入youtube视频
- 22. Android视频嵌入
- 23. HTML嵌入收盘,对象,没有嵌入YouTube视频
- 24. 如何将JavaScript代码动态地嵌入到HTML中
- 25. HTML视频全屏内嵌
- 26. 在html中检测和解析嵌入的视频?
- 27. 我们可以在HTML中嵌入多个视频吗?
- 28. 如何在HTML页面中嵌入视频
- 29. 在html网站中嵌入使用video.js的AWS S3视频
- 30. 在AIR 2 HTML应用程序中嵌入SWF视频
这只是你的目的吗?还是应该把视频保存到你的服务器上? – Luca
因此,最终这个想法是从数据库访问视频,并让他们上传到我实习的公司的内部资源。理想情况下,我的老板想将视频放到数据库中,并让他们自动上传到我们网站上的“帮助”页面。 –