2017-10-11 64 views
0

有时我仍然需要访问w3schools.org来检查HTML5或其他网页设计技术,以便验证正确的编码。在尝试嵌入视频时,我没有看到设置替代图像的方法。我检查了视频元素(https://www.w3schools.com/html/html5_video.asp)和YouTube blurb(https://www.w3schools.com/html/html_youtube.asp)。我可以为YouTube视频设置替代预告图片吗

有没有人知道未来的规定是否可以在作品中?

我的解决方法是将我的首选屏幕截图链接到YouTube网址。我在YouTube上为我想推广的基督教音乐视频挖掘数据,并在我的网站上设置了精选视频:BibleBrowse.org。我有一年一度的JavaScript视频网址数组,我的传情图片文件名和视频文字说明。在前面问题的帮助下,我让getMonth()选择正确的每月视频来自动执行该过程。

简单地使用HTML5视频方法会很好,但我可以在此期间解决问题,这很好。

+0

为了尽量减少加载时间,我没有在主页上嵌入精选视频。一旦我弄明白了,我打算在另一个浏览器标签中启动YouTube网址,并有另一个链接导向我的多媒体网页。目前,我正在调用ImageVu,它本质上充当我网站上所有图像的图像门户。目前,我几乎已经完成了年度精选视频截图。我计划使用ImageVu的另一个“实例”修改基督教电影页面。 ImageVu基本上是一个Web表单,它可以动态地改变链接下拉菜单中的图像。 –

回答

0

我认为你正在寻找poster标签

它的工作原理有点像下方;

<video controls="controls" poster="image_url_to_show_while_video_loads"> 
    <source src="video.mp4" type="video/mp4" /> 
    <img src="img_url_to_show_if_browser_does_not_support_html5" title="Your browser does not support the video tag" /> 
</video> 
+0

我可能会在我的多媒体页面上试用它,所以不可能减慢我的主页加载时间。 –

+0

我稍后可能会调整它。考虑到我在JavaScript数组中预先设定了每月视频集,HTML5代码需要适应视频格式。我必须设置ID才能让JavaScript将变量更改/设置为嵌入式视频(YouTube链接和预告片图像/海报)。由于视频会嵌入显示,因此我会简单地省略源代码行。 –

相关问题