gpt4 book ai didi

javascript - VideoJS YouTube视频无法在台式机Chrome的iframe中播放

转载 作者:行者123 更新时间:2023-12-03 05:30:50 28 4
gpt4 key购买 nike

我正在其他域的iframe中从https://github.com/videojs/videojs-youtube加载/videojs-youtube/examples/simple.html示例页面。当我这样做时,视频将无法播放,并且加载指示器会旋转并且不会停止。我在开发人员控制台中没有看到JavaScript错误。当我直接访问同一文件时,视频播放没有任何问题。

仅在最新的台式机Chrome 72.0.3626.109中出现此问题。其他浏览器似乎没有它。

这是我旁边的屏幕截图:

https://www.youtube.com/watch?v=QBmre1vaLwI

实时示例:https://jsfiddle.net/ws8tnc13/

iframe来源:https://alxd.ru/videojs-youtube/

页面源代码:

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="./video.js/dist/video-js.min.css" />
</head>
<body>
<video
id="vid1"
class="video-js vjs-default-skin"
controls
autoplay
width="640" height="264"
data-setup='{ "techOrder": ["youtube", "html5"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
>
</video>

<script src="./video.js/dist/video.js"></script>
<script src="./Youtube.min.js"></script>
</body>
</html>


我将不胜感激。

最佳答案

使用此

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/QBmre1vaLwI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

关于javascript - VideoJS YouTube视频无法在台式机Chrome的iframe中播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54786686/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com