在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:thelevicole/youtube-to-html5-loader开源软件地址:https://github.com/thelevicole/youtube-to-html5-loader开源编程语言:JavaScript 100.0%开源软件介绍:Load YoutTube videos as HTML5 emebed elementBasic usage exampleReplacing <video data-yt2html5="YOUTUBE_URL_OR_ID_GOES_HERE"></video>
<script src="YouTubeToHtml5.js"></script>
<script>new YouTubeToHtml5();</script> NPM
const YouTubeToHtml5 = require('@thelevicole/youtube-to-html5-loader');
new YouTubeToHtml5(); jsDelivr CDN<script src="https://cdn.jsdelivr.net/npm/@thelevicole/[email protected]/dist/YouTubeToHtml5.min.js"></script> Options example<video class="youtube-video" data-yt="https://youtube.com/watch?v=ScMzIvxBSi4"></video>
<script src="YouTubeToHtml5.js"></script>
<script>
new YouTubeToHtml5({
selector: '.youtube-video',
attribute: 'data-yt'
});
</script> Internal API example<video data-yt2html5="YOUTUBE_URL_OR_ID_GOES_HERE"></video>
<script src="YouTubeToHtml5.js"></script>
<script>
var player = new YouTubeToHtml5({
autoload: false // Disable loading videos on init, `.load()` method is required.
});
// Add loading class to video element
player.addAction('api.before', function(element) {
element.classList.add('is-loading');
});
// Remove loading class after API HTTP request completes.
player.addAction('api.after', function(element) {
element.classList.remove('is-loading');
});
// Now we can load videos.
player.load();
</script> Accepted URL patternsBelow is a list of varying YouTube url patterns, which include http/s and www/non-www.
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论