我可以为YouTube视频设置替代预告图像

时间:2017-10-11 19:07:02

标签: html html5 video youtube

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

有谁知道未来的条款是否可以投入使用?

我的解决方法是将我首选的屏幕截图链接到YouTube网址。我在YouTube上搜索了我要推广的基督教音乐视频,并在我的网站上设置了精选视频:BibleBrowse.org。我有视频网址的年度JavaScript数组,我的预告图像文件名和视频的文字说明。在早期问题的帮助下,我让getMonth()选择正确的月度视频来自动化该过程。

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

1 个答案:

答案 0 :(得分: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>