在videojs中播放YouTube视频时出现问题

时间:2017-11-18 09:49:20

标签: video html5-video video.js

实际上,我想在videojs播放器中播放youtube视频。这是我的代码

    <video
                id="my-video"
                class="video-js vjs-default-skin"
                controls
                preload="auto"
                poster="{{ $movie_preview_image }}"
                style="height: 550px; width: 1100px;">
                <source src="{{$movie->link_full_hd}}" type="video/youtube">
    </video>

但它在firefox中显示错误指定&#34;类型&#34; &#34; video / youtube&#34;的属性不受支持。媒体资源https://www.youtube.com/watch?v=wU5XkhUGzBs的加载失败。我已经搜索过,但解决方案都没有。

提前致谢。

1 个答案:

答案 0 :(得分:1)

源标记中的类型字段是MIME视频类型。这只是一种指示文件类型和格式的方法。完整的类型列表可在此处获取:

您包含的类型和子类型,“video / youtube”不是有效的类型/子类型,这就是错误显示的内容。

看看你想要做什么,作为一般规则,YouTube不支持在其他播放器中播放视频。如果您只想在页面上添加YouTUbe视频,通常的方法是使用他们的嵌入工具。

在撰写本文时,基本的方法是转到YouTube上的视频,点击共享图标并复制HTML5代码,然后将该代码粘贴到您的网站中: