Plyr-rs

Rust对Plyr的绑定。请查看官方plyr页面以获取更多详细信息。

安装

在Cargo.toml中将它指定为依赖项

[dependencies]
plyr = { git = "https://github.com/deepgreenAN/plyr-rs"}

使用

Html或Rsx和CSS

请参阅官方页面或简单示例，了解如何在html或rsx和css中编写。

Rust

将CSS选择器作为以下参数传递,

use plyr::Plyr;

let player = Plyr::new("#player");

或 web_sys::HtmlElement.

use gloo_utils::document;
use plyr::Plyr;
use wasm_bindgen::JsCast;
use web_sys::HtmlElement;

let player_element = document().query_selector("#player").unwrap().unwrap();
let player = Plyr::new_with_html_element(&player_element.unchecked_into::<HtmlElement>());

如果您想向构造函数传递选项，请修改功能。

[dependencies]
plyr = { git = "https://github.com/deepgreenAN/plyr-rs", features = ["options"]}

use plyr::options::PlyrOptions;
use plyr::Plyr;

let _player = Plyr::new_with_options("#player", &PlyrOptions::builder().duration(50.0).build());

CDN

您可以使用cdn来减小js代码片段的包大小。

<script src="https://cdn.plyr.io/3.7.3/plyr.polyfilled.js"></script>

[dependencies]
plyr = { git = "https://github.com/deepgreenAN/plyr-rs", features = ["cdn"]}

示例

• yew示例
• dioxus示例
• sycamore示例
• leptos示例
• 事件监听器示例

查看示例目录以获取其他示例。